AngularJS – 如何在单击外部时隐藏div

发布时间：2020-12-17 09:16:54 所属栏目：安全来源：网络整理

导读：我有一个用于打开和隐藏隐藏div的 angularjs应用程序. 这是一个jsfiddle样品 – jsfiddle $scope.openLogin = function(){ $scope.userLogin = true;}; $scope.hideLoginContainer = function(){ $scope.userLogin = false;}; 当我点击“点击此处”链接时,会

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

这是一个jsfiddle样品 – jsfiddle

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

当我点击“点击此处”链接时,会显示用户登录div,所以当我点击外部时,我需要隐藏这个div.我在这里遇到的问题是即使我点击将隐藏的用户登录div.

任何一个知道任何好的想法？
谢谢

它应该工作,只需编辑：< div hide-login =“hideLoginContainer()”class =“loginBox”ng-show =“userLogin”style =“display：none;” >

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!