我们假设我有一个这样的模板:
<h1>{{title}}</h1>
<p>{{text}}</p>
我有一个控制器每秒刷新一次这个内容:
function($scope){
$scope.title = "Flicker";
$scope.text = "Each time I refresh";
setInterval(function(){
$scope.title = "Flicker";
$scope.text = "Each time I refresh";
$scope.$digest();
}, 1000);
}
然后我的UI闪烁,这在视觉上很烦人。 (也可以防止有人复制粘贴)。但是我的内容根本没有变化,因此不应该更新并弄乱ui。那么有一种自动防止它的方法吗?我发现自己做了很多事情:
if($scope.title != title)
$scope.title = title;
哪个不太好,特别是当内容是数组或对象时。
谢谢