javascript - 在 $watch 回调中使用 $scope 有意义吗？

Question

我使用 Semantic-UI 中的弹出组件在我的网站上。

此弹出窗口用于显示来自服务器的错误，因此大多数时候它是隐藏的。此弹出窗口附加到我使用 ng-show 管理的 div。我需要将弹出组件初始化为观察程序(当显示我的 div 时)，因为只有渲染其附加元素时，我的弹出组件才能计算其位置。

在进行一些测试时，我注意到来自 $watch 回调的 $scope 修改并未应用:

$scope.$watch('shown', function () {
    //console.log('The click is detected')
    jQuery('#smthg').one('click', function () {
        console.log('I come here')
        $scope.shownBis = false //
    }) //*/
})

没有影响:

    <p ng-show="shownBis">This should be disappear</p>

( a demo )

我对 Angular 还很陌生，不明白这种行为、发生了什么以及为什么 Angular 的哲学不允许这样做？

Answer 1

尝试ng-click相反:

$scope.smthg = function () {
        $scope.shownBis = false;
  };

您的 HTML:

<p ng-show="shown" ng-click="smthg()">Then click here</p>

DEMO

While making some tests I notice that modification on the $scope from a $watch callback arn't applied

顺便说一句，您的代码在 $watch 内的 .one() 也存在问题，因为只要显示，它就会附加更多事件处理程序更改并且不调用该函数