Angular2デフォルトの変更検出

Question

changeDetectionストラテジが "ChangeDetectionStrategy.Default"に設定されている場合、Angular2での変更検出はどのように機能しますか？ テンプレート内のすべてのバインディング（参照のみ）をチェックし、参照が変更された場合はトリガーの再レンダリングを行いますか？

Answer 1

default change detection strategyは、すべてのバインディングの変更検出を実行します。参照の変更だけでなく、モデルのプロパティの変更も検索されます。 changeName()メソッドが実行された後に、次のコードを実行しているたとえば

だけでもnameプロパティの変更ではなく、person参照が、テンプレートに名前を変更します。

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

@Component({ 
    selector: 'my-app', 
    template: ` 
    <h1>Hello {{person.name}}</h1> 
    <button (click)="changeName()">Change name!</button> 
    ` 
}) 
export class AppComponent { 
    person = { name: 'Foo' }; 

    changeName() { 
    this.person.name = 'Bar'; 
    } 
}