角2は関数を4回呼び出す

Question

これはplunkを参照してください。

角クイックスタートサンプルに基づいており、ここでテンプレートは関数を呼び出しています。

印刷機能は4回呼び出されますが、UIでは3回しか表示されません。 （this second plunk参照）。 2番目の大声でAngularはエラーをスローします。チェックされた後に式が変更されました。

生産モードを有効にすると、2回だけ呼び出されます。

私の質問は以下のとおりです。

1. は、この問題を回避する方法はありますか？または私はこれを知っている必要があり、テンプレートによって呼び出される関数で重い操作を実行すべきではありません。
2. これはダイジェストサイクルによるものですか？
3. devモードでは、なぜ4番目のサイクルでUIがリフレッシュされず、3回目の繰り返しで停止するのはなぜですか？しかし、4回目に関数が呼び出されるのはなぜですか？

Answer 1

ITSは全くAngular2 bindings/interpolationにfunctionを使用することをお勧めしません。

以下に示すように、あなたはそれが毎回変化検出の実行と呼ばれ、代わりに

template: `<h1>Hello {{name}}</h1>{{myVar}}` 


name:string=''; 

constructor(){ 
    this.print();   
} 

public print():string { 
    console.log(`Called`); 
    this.name = "Hello"; 
    }