窗口onclick上的AngularJS$scope变量

我有一个按钮，单击该按钮时会显示一个窗口，再次单击该按钮时会将其隐藏。我希望即使单击页面中的任何其他位置，该窗口也会关闭

这是我的代码：

<a class="btn dropdown-toggle multiselect-btn" ng-click="content=!content;contentClick=true">

//The div to show hide
<div ng-class="{'open':content}" > div content </div>

---

正确的方法是什么？请任何人为我指引正确的方向。谢谢。

试试这个，更改控制器ID:

window.onclick = function () {
            var scope = angular.element(document.getElementById('controller_id')).scope();
            if(scope.contentClick){
                scope.contentClick=0;  
            }
            else{
               scope.content=false;
               scope.$apply();
            }
}

---

我不确定单击内容后您想要实现什么，但您可以在控制器中$watch content value并在内容更改值时运行一些操作

请看下面的脚本

var-app=angular.module'app'，[]； 应用控制器'fCtrl'，功能$scope{ $scope.$watch'content'，functionvalue{ 如果值{ $scope.contentClick=1； }否则{ $scope.contentClick=0； } } }; .打开{ 颜色：红色；不透明度：0.5； } 点击我 //显示隐藏的div div内容{{contentClick}

window.onclick = function () {
            var scope = angular.element(document.getElementById('controller_id')).scope();
            if(scope.contentClick){
                scope.contentClick=0;  
            }
            else{
               scope.content=false;
               scope.$apply();
            }
}