AngularJS - Comment cacher une div en cliquant en dehors de celle-ci

J'ai une application angularjs qui permet d'ouvrir et de masquer un div caché.

Ici est un jsfiddle auprès d'un échantillon - jsfiddle

$scope.openLogin = function(){
    $scope.userLogin = true;
};
 $scope.hideLoginContainer = function(){
    $scope.userLogin = false;
};

Quand je clique sur le lien "Cliquez Ici", il affichera le login de l'utilisateur div, j'ai donc besoin de cacher cette div, quand je clique sur l'extérieur. Le problème, je suis confronté à est ici même que j'cliquez à l'intérieur de la connexion de l'utilisateur div il va se cacher.

tout savoir de toutes les bonnes idées?
Grâce

source d'informationauteur Lara

6

Il doit être travaillé, il suffit d'éditer: <div hide-login="hideLoginContainer()" class="loginBox" ng-show="userLogin" style="display:none;" >
1

Vous pouvez vérifier originalTarget, ou srcElement dans $document.bind('click') gestionnaire d'événement et si elle correspond à loginBox élément, alors vous n'avez pas le cacher.

Edit: je viens de réaliser... à vous de les utiliser stopPropagation() également sur loginBox élément, il doit être suffisante pour résoudre la clandestinité lorsque vous cliquez à l'intérieur de la boîte de connexion

Vous devez vous connecter pour publier un commentaire.