ngOnChanges（）でAngular2のプライベート変数が更新されていません

Question

私は奇妙な問題があります。私は数時間は解決できません。私のコンポーネントで

は私が持っている：

@Input() content : string; 

private contentPreview : any; 

ngOnChanges(changes: SimpleChanges) { 
    this.contentPreview = changes['content'].currentValue; 
    console.log(changes['content'].currentValue); // <-- WORKS 
} 

変数this.contentPreviewは変更されません。私はそれを表示しようとすると、未定義のままです。私がthis.contentPreview = "X"を試しても、コンポーネント内の他の場所では定義されません。

何か不足していますか、それともバグですか？

Answer 1

私は実際に問題を再現できませんでした。しかし、あなたがconsole.logが動作していると言っているので、NgZoneでアップデートを試して強制することができます。これは、フックが少なくとも呼び出されたことを意味しますが、何らかの理由でDOMを更新しないということです。だから、試してみてください。

あなたの子コンポーネントで：

import {NgZone} from '@angular/core' 

はコンストラクタでそれを注入：

constructor(private ngZone: NgZone) { } 

してからOnChangesに：

ngOnChanges(changes: SimpleChanges) { 
    this.ngZone.run(() => this.contentPreview = changes['content'].currentValue;) 
} 

ここPlunker

だが