2017-06-19 7 views
1

私は自分のUIにチェックボックスを動的に作成しました。リンクをクリックするとチェックボックスをオフにします。私は、次のようにそれに近づいている:動的に作成されたすべてのチェックボックスのチェックを外します:Angular2

.... 
<input type="checkbox" [checked]="checkBox"> 
.... 

は、ループのために動的に作成された複数のチェックボックスの入力は、彼らのであり、私は[確認]属性に同じブールオブジェクト「のチェックボックス」を割り当てています。しかし、このアプローチは、1つのチェックボックスがあるときに機能し、複数の動的に作成されるチェックボックスでは機能しません。

どうすればこの問題を解決できますか?どんな助けやヒントもありがとう。

+0

です働いていない理由は何らかの理由を見つけるいけないですあなたはngForを使っていますか? –

+0

@SherinBinu、はい私は入力を生成するために* ngForを使用しています – Aiguo

+0

私は試しました。しかし、それは私のために働く。あなたの問題はチェックボックスが作成されていないか、ブール変数に応答していませんか? –

答えて

0

HTMLコード

<button class="btn btn-primary" (click)="toggleCheckBox()">Toggle CheckBox</button> 
<input *ngFor="let array of arrays" type="checkbox" [checked]="checkBox"> 

活字体コードは

checkBox = true; 
arrays = [1, 2, 3, 4, 5]; 

toggleCheckBox() { 
    this.checkBox = !this.checkBox; 
} 

限り、あなたの配列が正しいと複数のチェックボックスが作成されると、私はそのは

+0

これを試してみてください:

関連する問題