Angular2テーブルがデータをリフレッシュしていません

Question

私は、Jsonデータを取得してテーブルとして表示しているAngular2アプリケーションを持っています。新しいデータで更新/更新しようとすると、テーブルに古いデータのみが表示されます。以下のようなサービスを介してデータを取得

：以下のようなテーブルで

@Input() 
participants:Participant[]; 

testClasses: TestClass[] = []; 

ngOnChanges() { 
    let codes=""; 

    for (let item of this.participants) 
    { 
     codes = codes.concat(item.Id).concat(","); 
    } 
    this.buildTable(codes); 
} 

buildTable(codes){ 

    let url = this.serverUrl + "api/test?codes=" + codes; 

    // passing input participants as parameter in url 
    this.testService.getData(url) 
     .subscribe(data => this.onDataUpdate(data)); 
} 

onDataUpdate(data: any) { 
    this.testClasses = data;  
    // here I am getting new/refreshed data. 
} 

がdisplying：

<table id="testGrid"> 
    <tr *ngFor="let testClass of testClasses"> 
    <td>{{testClass.name}}</td> 
    <td *ngFor="let t of (testClass.Score)"> 
     {{ t }} 
    </td> 
    </tr> 
</table> 

ページのロードデータは初めて、テーブルにデータを示しているが、私はデータを更新しようとすると、新しいリフレッシュされたデータがonDataUpdate関数で表示されますが、htmlテーブルでは新しいデータで表示が更新されません。

ご意見やご協力をいただければ幸いです。

私は下のリンクを試してみました：

https://github.com/swimlane/ngx-datatable/issues/255

Angular 2 - View not updating after model changes

Answer 1

を、私は私自身の例を作り、私は、現象を再現することができました。 ここでは、配列を入力として使用することができます。 (participants:Participant)。 あなたのチェックボックスについて述べたことは、配列を突然変異させたようです。それは効果のために、配列の参照がまだ同じであるために角度が変化を検出しないことを有する。 （それが期待される行動かどうかは分かりません）。

問題の解決策は、チェックボックスの各変更時に新しい参加者の配列を作成することです。そのような

何か： this.participants = this.participants.slice(0)

また、この答えになります：Angular2 change detection: ngOnChanges not firing for nested object