角2動的コンポーネントのOnPush変化検出

Question

私は、それ自身の中にさまざまなタイプのコンポーネントを動的に作成する角度コンポーネントを持っています。 OnChangesフックを使用して、独自のプロパティを子コンポーネント@Inputのプロパティにバインドします。

このバインディングは、子コンポーネントの変更検出が[既定]に設定されている場合に正常に機能します。新しい入力が検出され、コンポーネントテンプレートが更新されます。

ただし、変更検出がOnPushの場合は機能しません。変更は検出されません。新しい不変オブジェクト（文字列）がコンポーネント@Inputプロパティに割り当てられているため、変更を検出する必要があります。ここで

は実証するplunkerです： https://plnkr.co/edit/0wHQghtww2HXVbC27bC1

にはどうすればChangeDetectionStrategy.OnPushで動作するように結合、この親ツーダイナミック子プロパティを取得することができますか？ OnPushコンポーネントの可能な回避策として

Answer 1

はcdRef.markForCheck()と共にセッターを使用して次のようになります

興味がある人々のため

変化検出onpush.component.ts

@Component({ 
    selector: 'app-change-detection-onpush', 
    template: ` 
    <div> 
     ChangeDetectionStrategy.OnPush: {{ message || '[blank]' }} 
    </div>`, 
    changeDetection: ChangeDetectionStrategy.OnPush 
}) 
export class ChangeDetectionOnPushComponent implements IMyComponent { 
    private _message: string; 

    constructor(private cdRef: ChangeDetectorRef) {} 

    set message(val: string) { 
    this.cdRef.markForCheck(); 
    this._message = val; 
    } 

    get message() { 
    return this._message; 
    } 
} 

Modified Plunker