Angular2 private variable не обновляется в ngOnChanges()

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

Я не мог воспроизвести вашу проблему. Но вы можете попробовать обновить с помощью NgZone, так как вы сказали, что console.log работает, поэтому это означает, что крюк хотя бы называется, но по какой-то причине он не обновляет DOM. Так что попробуйте:

вашего ребенка компонента:

import {NgZone} from '@angular/core' 

вводят его в конструктор:

constructor(private ngZone: NgZone) { } 

, а затем в вашем OnChanges:

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

Вот Plunker