動的Angular2

Question

に[確認]

componentA.tsを更新します。 labelは配列の長さを正しく更新しますが、チェックボックスは更新されていないようです。 containsは、valueがarrayの一部であるかどうかをチェックする単なるパイプです。私はをcontainsパイプに入れ、最初にページをレンダリングするときにのみ出力を得ました。arrayが変更されたときではありません。どうしてこれなの？あなたは、配列に新しい項目を追加するためにpushを使用する場合、純粋なパイプがarray（それが入力値への純粋な変更を検出した場合にのみ実行されますしながら配列参照が変更されていないですので

おかげ..

Answer 1

そしてあなたのケースでvalue）

2つの解決策があります：

1）は、新しい配列

this.array = this.array.concat(4) 

を返します

又は

this.array = [...this.array, 4]; 

Plunker

2）は、より詳細も参照

について

@Pipe({name: 'contains', pure: false}) 
export class ContainsPipe implements PipeTransform { 

Plunker

不純なパイプを使用します0あなたは正確に配列が定義されている場所を示すことができ

• NgFor doesn't update data with Pipe in Angular2
• Unraveling Angular 2 book, Chapter 1, Example 5
• https://angular.io/docs/ts/latest/guide/pipes.html