AngularJS - 单击外部时如何隐藏 div

Question

我有一个 angularjs 应用程序，用于打开和隐藏隐藏的 div。

这是一个带有示例的 jsfiddle - jsfiddle

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

当我单击“单击此处”链接时，它将显示用户登录 div，因此当我单击外部时需要隐藏此 div。我在这里面临的问题是，即使我在用户登录 div 内单击它也会隐藏。

有人知道任何好主意吗？
谢谢

Answer 1

它应该可以工作，只需编辑:<div hide-login="hideLoginContainer()" class="loginBox" ng-show="userLogin" style="display:none;" >