文章/答案/技术大牛

发布

社区首页 >问答首页 >$apply in setTimeout

问$apply in setTimeout
EN

Stack Overflow用户

提问于 2014-01-31 04:19:26

回答 2查看 4K关注 0票数 0

我知道$apply用来连接Javascript上下文和AngularJS上下文。

下面是一个简单的例子：

模板：

<div>{{someVal}}</div>

控制器中的javascript：

setTimeout(function() {
    scope.$apply(function(){scope.someVal = 123});
}, 1000);

在上述情况下，我们需要使用$apply。

第一题：

如果我将上面的javascript修改为：

setTimeout(function() {
    scope.someVal = 123;
}, 1000);

scope.$watch('someVal', function(val) {
    console.info(someVal);
});

没有关于someVal修改为123的控制台..。为什么？我们不能看在超时回调中修改的表达式吗？

第二个问题：

如果使用ngSwitch指令，如下所示：

<div ng-switch on="sub">
    <div ng-switch-when="a">
//state a
    </div>
    <div ng-switch-when="b">
//state b
    </div>
</div>

当我修改控制器中的sub时：

scope.sub = 'a';
setTimeout(function() {
    scope.sub = 'b';
}, 1000);

不需要使用$apply！为什么？

我发现ngSwitch指令使用$watch来监视on属性值。为什么ngSwitch可以查看超时回调中修改的作用域属性？

请告诉我以上两句话的原因。

angularjs

apply

ng-switch

回答 2

Stack Overflow用户

发布于 2014-01-31 04:30:49

您可以使用$timeout作为window.setTimeout的包装器，也可以通过这种方式在回调中不需要使用$apply：

$timeout(函数(){ scope.someVal = 123；}，1000)；

当你运行外部的代码时，你需要一种方法让这个值的角度和观察者知道它已经改变了。这就是$apply的目的，它将允许观看侦听器触发。

关于您的第二个问题，关于，为什么范围在没有$apply的情况下进行更新，您应该以某种方式间接触发$apply/$文摘。为了给你一个更具体的答案，一个柱塞将是必要的，以检查您的代码正在进行的其他内容。

票数 1

Stack Overflow用户

发布于 2014-01-31 04:26:35

使用Angularjs $timeout服务而不是setTimeout，您将不需要$apply。同样的情况是，如果使用jquery调用，请使用角http服务来避免使用$apply。

票数 0

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

原文链接：

https://stackoverflow.com/questions/21472327

复制

相似问题

问$apply in setTimeout
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问$apply in setTimeoutEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问$apply in setTimeout
EN