Javascript-форум - body on click или как закрыть попап при клике вне его

Javascript-форум (https://javascript.ru/forum/)

- Angular.js (https://javascript.ru/forum/angular/)

- - body on click или как закрыть попап при клике вне его (https://javascript.ru/forum/angular/51984-body-click-ili-kak-zakryt-popap-pri-klike-vne-ego.html)

Цитата:

Сообщение от krutoy

bes,
спасибо

пожалуйста

bes, krutoy, а теперь все тоже самое, но для фреймворка ангуляр :)

На раздел хоть иногда смотрите)

Цитата:

Сообщение от nerv_

bes, krutoy, а теперь все тоже самое, но для фреймворка ангуляр

На раздел хоть иногда смотрите)

:D не вижу тестового кода

Да, какой тут, собственно, тестовый код? Есть блок, который отображается, если ввести какой-то текст в поле поиска:

<div class="header-search" ng-controller="SearchFieldController">
    <input ng-model="query" type="text" placeholder="ПОИСК" maxlength="32" ng-keypress="search($event)" ng-trim="true">

    <div ng-if="isSuggestVisible()" class="header-search-suggest">
      <!-- ... тут repeat с результатами поиска -->
    </div>

</div>

$scope.isVisible = function(entity) {
    return (foundedResults.length > 0);
}

Если как-то всю страницу обернуть в контроллер и isVisible хранить в $rootScope? Как-то не нравится мне такая идея... Ну, что, неужели я первый кто столкнулся с подобной задачей?
Как вариант вот так: ng-blur="clearSearch()" Но если фокус теряется до окончания запроса, то саггест висеть остаётся и при клике по самому саггесту (по ссылкам) он пропадать не должен...

$document.on('click', function (e) {
            var clickedOutside = true;

            for (var element = e.target; element; element = element.parentNode) {
                if (element.className === "header-search-suggest" || element.className === "header-search-suggest-inner") {
                    clickedOutside = false;
                    break;
                }
            }

            if (clickedOutside) {
                $scope.clearSearch();
                $scope.$apply();
            }

});