文章/答案/技术大牛

发布

问$interval刷新指令
EN

Stack Overflow用户

提问于 2015-07-15 17:03:36

回答 2查看 1.5K关注 0票数 1

请看下面的代码：(关于柱塞)

angular
    .module('intervalExample', [])
    .controller('ExampleController', ['$scope', '$interval', function($scope, $interval) {
            $interval(function() {
                //nothing..
            }, 1000);

            $scope.do = function() {
                console.log(new Date());
                return true;
            }
    }]);

<body ng-app="intervalExample">
    <div>
        <div ng-controller="ExampleController">
            <div ng-if="do()">text</div>
        </div>
    </div>
</body>

如果您打开控制台，您将看到$scope.do每秒都在被调用。为什么会这样呢？为什么$interval会导致指令重新加载？有什么办法可以避免吗？

这种情况也发生在其他指令(如ngShow)中。

angularjs

angularjs-directive

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-07-15 17:05:57

这就是角度如何工作的全部要点。每次通过$interval注册的处理程序触发时，角都会执行摘要周期，这意味着它会检查每个监视表达式以查看是否有任何变化。如果检测到变化，角将修改DOM以反映变化。因为do()是由ng-if注册的手表表达式调用的，所以每次计时器触发时都会调用它。

如果您不想这样做，不要使用$interval；只需使用一个普通的setInterval调用，但是请注意，在回调中修改的任何数据都不会导致您的角度模板被更新。不建议采用这种方法。相反，如果每秒调用do()的问题是do()太昂贵，那么可以找到一种降低成本的方法，例如缓存结果。

票数 3

Stack Overflow用户

发布于 2015-07-15 17:07:52

是的，我认为这是因为$interval导致消化传递和ng-如果每次发生这种情况时都会进行测试，所以每次都会对$scope.do()进行评估。

我不认为传入一个可调用的东西，总的来说是个好主意。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31436653

复制

相似问题

问$interval刷新指令
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问$interval刷新指令EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问$interval刷新指令
EN