Angular中如何使用定时器
不规范示例
使用window.setInterval/window.setTimeout方法:
$scope.status = 'hello';
setInterval(function(){
$scope.status = 'hello world';
console.log($scope.status);
},1000);
以上代码会输出“hello world”,也不会产生错误。但是你会发现页面上数据并没有修改,原因是它没有进行数据更新的操作,使用原生js的定时器不会触发angular的双向数据绑定机制。
解决方案
其实,解决这个问题非常简单,只需要使用angular中的
$scope.status = 'hello';
$setInterval(function(){
$scope.status = 'hello world';
console.log($scope.status);
},1000);
注意:使用$interval/$timeout需要注入依赖项哦~
留给自己备用。