「コントローラーとしてバインディングを更新していません」

Question

これがなぜ機能しないのか正直に分かりません。それは動作するはずです。

https://jsfiddle.net/4utpnsh9/

HTML this.Timer更新が、それはビューで更新されない場合は

$interval(function() { 
    this.Timer = Math.round(new Date().getTime()/1000.0); 
}, 1000); 

<div ng-app="app" ng-controller="IndexController as vm"> 
    <span>{{vm.Timer}}</span> 
</div> 

角度。それは私がconsole.log()でもそれをします。私はvm.Timerを削除し、単にそれをTimerになり、代わりにthisの$scopeにそれを適用した場合、それはあなた自身のため見ることができるように、完璧に動作：https://jsfiddle.net/4utpnsh9/1/

を、私はこの1つは別のスタックに、この複数回やったが、何らかの理由で私はそれがうまくいかない理由を理解できません。私は間違って何をしていますか？

Answer 1

thisはあなたの考えではありません！ thisは、インターバルのコールバックのコンテキストを変更しています。矢印関数を使うか、コンテキストを設定してください！

$interval(() => { 
    this.Timer = Math.round(new Date().getTime()/1000.0); 
}, 1000); 

それとも

$interval(function() { 
    this.Timer = Math.round(new Date().getTime()/1000.0); 
}.bind(this), 1000);