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

前端之家收集整理的这篇文章主要介绍了AngularJS – 如何在单击外部时隐藏div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个用于打开和隐藏隐藏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;” >
原文链接:https://www.f2er.com/angularjs/140684.html

猜你在找的Angularjs相关文章