代码如下,为什么页面的文本在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,然后自动更新视图?
不要用 setTimeout
用 $timeout
var myApp = angular.module('myApp',[]);
myApp.controller('asyncCtrl',
function($scope,$http,$timeout){
$scope.name = "hello";
$timeout(function(){
$scope.name = "world";
},200);
});
举例来说,如果用 $http 做 GET 请求获取数据,获取数据后再用 success 回调方法来赋值,代码如下:
$http.get({ url: '/api/foo' })
.success(function(response) {
$scope.name = response
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。