取消選中所有動態創建的複選框：Angular2

我已經在我的用戶界面中動態創建了複選框，並且我想在單擊鏈接時取消選中它們。我接近它以下列方式：取消選中所有動態創建的複選框：Angular2

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

他們是循環使用動態創建一個以上的複選框上輸入，我分配相同的Boolean對象「複選框」到[檢查]屬性。但是，當我有一個複選框時，這種方法有效，它不適用於多個動態創建的複選框。

我該如何解決這個問題？任何幫助/提示將不勝感激。

來源

2017-06-19 Aiguo

是你使用ngFor？ –

@SherinBinu，是的，我使用* ngFor生成輸入 – Aiguo

我試過了。但它適用於我。你的問題是複選框沒有被創建，或者它沒有響應布爾變量？ –

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; 
}

只要你的陣列是正確的，多個複選框的創建，我不找任何理由爲什麼它不工作

來源

2017-06-19 14:03:53

試試這個：可能有幫助： –

取消選中所有動態創建的複選框：Angular2

回答

相關問題