javascript - Angular异步改变model，为什么没有更新到view上？
本文介绍了javascript - Angular异步改变model，为什么没有更新到view上？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
代码如下，为什么页面的文本在2秒之后没有变成 world
<body ng-app="myApp">
<div ng-controller="asyncCtrl">
<input type="text" ng-model="name">
<span>{{name}}</span>
</div>
<script src="../../bower_components/angular/angular.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp',[]);
myApp.controller('asyncCtrl',function($scope,$http){
$scope.name = "hello";
setTimeout(function(){
$scope.name = "world";
},200);
})
</script>
</body>
另，通过$http拿到的后台数据，如何赋值给model，然后自动更新视图？
PS：好吧，其实两个问题都是一个问题。。
解决方案
setTimeout脱离了ng的监管，属于临时工性质，故ng底层不会自动执行脏检测更新视图，需要手动$scope.$apply()强制执行脏检测刷新视图,或者用楼上说的方法，使用ng封装过的官方认可根正苗红的$timeout来延迟执行。
这篇关于javascript - Angular异步改变model，为什么没有更新到view上？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
