Angular 2 ngFor对象属性更改未更新其视图

Question

我做了以下

     <div *ngFor="let item of documentData">
         <polymer-component [data]="item"></polymer-component>
        </div>
    <button (click)="ChangePropertyValue()">ChangePropertyValue</button>

    ChangePropertyValue(){
       this.documentData[0].documentname="Document changed";    
    }
    ngOnInit(){
      this.documentData={"documentname":"Document"}
    }

Polymer-Component具有

等属性

• documentname

在触发ChangePropertyValue（）时，正在更新对象及其属性，但不会更新其视图。请尽快提供解决方案。

我也尝试过ChangeDetectorRef，但仍然没有结果

Answer 1

尝试在角度区域内运行

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

constructor(private ngZone: NgZone) {

}

ChangePropertyValue(){
     this.ngZone.run(() => {
        this.documentData[0].documentname="Document changed"
     })   
}