У меня есть простой компонент, который использует таймер для увеличения значения в представлении. Я использую 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
Функция тика вызывается, и значение увеличивается, но пользовательский интерфейс не обновляется. Что случилось? Спасибо