Question

我有一个简单的组件，它使用一个计时器来增加视图中的值。我使用setInterval自动增加值，我使用一个按钮来增加值。单击按钮按预期工作，但setInterval不执行任何操作，没有错误，没有增量。这是代码：

export default angular.module('directives.timer', [])
.component('timer',{

bindings:{
    count: '<'
},
template:`<div>{{$ctrl.count}}</div>
          <div><button ng-click="$ctrl.increment()">increment</button></div>
          <pre>{{$ctrl}}</pre>`,

controller: function(){
   this.count = 0;
   this.tick = function(){
       this.count = this.count++;
   }
   this.increment = function(){
       this.count++;
   }

   this.$onInit = function(){
       var _this = this;
       setInterval(function(){
           _this.tick();
       }, 1000);
   }
}
}).name

调用tick函数并且值递增但UI未更新。怎么了？感谢

Answer 1

Angular并不知道发生了变化，因为您正在更改角度范围之外的值。而是使用Angulars包装器$ interval。

Docs：

AngularJS的window.setInterval包装器。 fn功能是每延迟几毫秒执行一次。

angularjs 1.5组件单向绑定不与setInterval一起使用

1 个答案: