角2：配列が更新されたときにビューが更新されない

Question

2つの配列を持つコンポーネントがあります。 arrayAおよびarrayB。 arrayBには、フィルタリングされた要素arrayAが含まれています。そして、テンプレートに：私はarrayBを更新するためにarrayAに対してフィルタメソッドを使用しdoSomething方法で

<button (click)="doSomething()">Do Something</button> 

：

<div *ngFor="let elem of arrayB">{{elem.something}}</div> 

私もボタンがあります。

doSomething() { 
    this.arrayB = this.arrayA.filter(elem => { return ***some code***; }); 
} 

問題はビューが更新されないことです。 NgZone（ngZone.run（）：メソッドでコードをラップしました）とChangeDetectorRef（detectChanges（）/ markForCheck（）：メソッドの最後にこれを呼び出しました）。

これを解決するにはどうすればよいですか？

Answer 1

これは機能するはずです！あなたのフィルタが動作していることを確認して、この例を確認してください。

<div *ngFor="let elemB of arrayB">{{elemB}}</div> 
<strong>array A :</strong> 
<div *ngFor="let elemA of arrayA">{{elemA}}</div> 
<button (click)="doSomething()">Do Something</button> 

TS：私はtrueで返さdoSomething()方法で

arrayA = [0,1,2,3,4]; 
arrayB = []; 

doSomething(){ 
    this.arrayB = this.arrayA.filter(x => { return x > 2; }); 
} 

https://plnkr.co/edit/VQYoVIGoioPwjW1ThcFQ?p=preview

Answer 2

を。このため、この方法は2回発生しました。 解決策は常にfalseで返されます。