javascript – 在promise.then()中分配时Angular不更新绑定

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在promise.then()中分配时Angular不更新绑定，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1389字，纯文字阅读大概需要2分钟。

内容图文

在我的角度应用程序中,我有一个带有名称的$scope变量用户.

如果我在点击时将此变量设置为“test”：

< a href =“#”ng-click =“setUser()”>设置用户< / a>

与功能

$scope.user = {
  name: 'blank'
}

$scope.setUser = function(name) {
  $scope.user.name = name
}

这很好用.但是,如果我在promise.then()*中设置它,它似乎正确设置变量,但Angular不会在视图中更新它,直到我在$scope.user上执行了另一个操作.

< a href =“#”ng-click =“startLogin()”>设置用户< / a>

现在调用一个新函数startLogin()

$scope.user = {
  name: 'blank';
};

$scope.setUser = function(name) {
  $scope.user.name = name;
};

$scope.startLogin = function() {
  var promise = Kinvey.ping();
  promise.then(function(response) {
    console.log('success');
    $scope.setUser('test');
  });
};

这样做之后.视图中的{{user.name}}字段仍为“空白”.
我还测试了以下内容：

>当我将它记录到控制台时,$scope在函数中很活跃.
>还记录$scope.user正确返回,表明变量已更改.
>有趣的是,视图最终在我第二次点击时发生了变化.
>我也可以通过添加$scope来解决这个问题.$apply(),但这似乎是解决这个问题的错误方法.

*我使用的是Kinvey,它使用与CommonJS’s promise.then()类似或相同的语法

解决方法:

双向绑定在角度digest cycle期间得到更新.这些周期由绑定到指令的DOM事件或参与Angular生态系统的其他实体触发.

因此,Angular提供的“魔力”只是自动触发该摘要周期.您可以使用$scope.apply触发摘要周期：

promise.then(function(response) {
  $scope.$apply(function() {
     console.log('success');
     $scope.setUser('test');
  });
});

这是处理第三方库时的推荐方法.

内容总结

以上是互联网集市为您收集整理的javascript – 在promise.then()中分配时Angular不更新绑定全部内容，希望文章能够帮你解决javascript – 在promise.then()中分配时Angular不更新绑定所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端