Sayfada herhangi bir yere tıklamak nasıl saklanır?

Question

i Bu sahip ana kafa denetleyiciniz Tamam

:

komut dosyası

<div class="fade-show-hide" ng-class="{'ng-hide':loggedInClose==true}" ng-show="loggedInOpened" ng-cloak> 
@Html.Partial("~/Views/Shared/_LoggedInPartial.cshtml") 
</div> 

bu var:

$ scope.loggedInClose = false; ben bu kod hiçbir şey happend kullandığınızda

$scope.toggleLoggedIn = function() { 
     $scope.loggedInOpened = !$scope.loggedInOpened; 
     $scope.languagesOpened = false; 
     $scope.loginOpened = false; 
    }; 

Sorun ... ... ben $scope.loggedInClose = true; olsun ama div gizlemek değil

angular.element(document).on('click', function() { 

    $scope.loggedInClose = true; 

}); 

i yerde tıklarsanız Birisi nasıl gizlemek div beni açıklayabilir sayfa bu?

Answer 1

ng-class'un içinde kullanmak yerine ng-hide'u ayrı kullanın.

kullanımını $scope.$apply();$scope.loggedInClose = true;

sonra plunkr "http://plnkr.co/edit/0u7u4InJsJpI4g4E8vvg?p=preview"

Answer 2

Sana bu olayı koymak umut bakınız: Ben senin değişiklikler uygulanıyor sakın düşünüyorum

<div class="fade-show-hide" ng-hide="loggedInClose" ng-show="loggedInOpened" ng-cloak> 

: Yani HTML değiştirmek Direktifte dinleyici, kontrolörde değil? :) Her neyse, kapsam bağlamaları güncellemek için Angular tel gerekir. Bu çağrı $ yeni sindirmek başlaması yöntemi uygulamak için:

angular.element(document).on('click', function() { 
    $scope.loggedInClose = true; 
    $scope.$apply(); 
}); 

i denetleyicisi koydum cevabı