[英]How to change value after delay by using angularjs?
我创建了基于angularjs
基本应用程序
HTML:
<div ng-app="miniapp">
<div ng-controller="Ctrl">
My name is
<input type="text"/>
Val: {{val}}
<br/>
<button ng-disabled="val">Submit</button>
</div>
JS:
var app = angular.module('miniapp', []);
var glob;
function Ctrl($scope) {
glob = $scope;
$scope.val = false;
window.setTimeout(function() {
$scope.val = true;
}, 3000);
}
window.setTimeout(function() {
glob.val = true;
}, 3000);
正如你所看到的那样,我尝试在3秒后用2种方式将val
改为true
,但没有人为我工作。 真奇怪。 我错过了什么?
实际上我在尝试从Ajax获得响应后尝试更改值,但是假设应该是同样的问题。
谢谢,
这是我的例子: http : //jsfiddle.net/6uKAT/20/
您正在更改范围之外的范围(在超时内)。
所以你应该使用$timeout
..否则你必须使用$scope.$apply()
$timeout(function() {
$scope.val = true;
}, 3000);
对于超时使用$timeout
,它将为您调用$scope.$apply()
。
同样,对于ajax使用$http
。
如果你不能使用这些,那么你必须调用$scope.$apply()
你自己:
window.setTimeout(function() {
$scope.$apply(function() {
$scope.val = true;
});
}, 3000);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.