{{call（）}}は、メソッドブロックを複数回実行しますか？

Question

ここで、testメソッド内のステートメントは複数回呼び出されます。なぜこうなった？ DOMはAngularJS2によって複数回再現されますか？

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'my-app', 
    template: `<div>Method Call {{test()}}</div>>` 
}) 

export class AppComponent { 
    name = 'Angular'; 
    test() { 
     console.log("Test is called"); 
    } 
} 

Answer 1

{{test()}}角度ラン検出の変更が頻繁に検出されるたびに評価されます。

ビューからの関数またはメソッドへのバインドは、落胆です。メソッド呼び出しの結果をプロパティに代入し、代わりにこのプロパティにバインドすることをお勧めします。

@Component({ 
    selector: 'my-app', 
    template: `<div>Method Call {{someValue}}</div>>` 
}) 

export class AppComponent { 
    ngOnInit() { 
     this.test(); 
    } 
    name = 'Angular'; 
    test() { 
     this.someValue = "Test is called"; 
    } 
}