angular - 如何知道使用 angular2 检查了哪些所有复选框？

Question

我目前正在使用 angular2。我有我的 HTML 代码，如

<div *ngFor="let val of channelForTabs; let i=index">
            <label for="isCheckBox" style="margin-left:15px;">Draw</label>
            <input id="checkBox{{i}}" type="checkbox" class="fitCheckbox" style="margin-left: 10px;width: 16px;" />
            <de-series-prop></de-series-prop>
        </div>

与 channelForTabs 中的值一样多，那些多次复选框和系列组件被添加。如何在不调用 (change) 方法的情况下检查所有复选框都被选中。

我想知道在一个按钮上点击如何查看哪些复选框被选中并使用那些相应的系列数据。

Answer 1

您应该如下使用 ngModel 和 ngModelChange 事件，

<input type="checkbox" (ngModelChange)="clickedItem(color, $event)" checked="false" [ngModel]="!color"> {{color}}<br>

你的方法将是

 clickedItem(val,event){
    if(event){
    this.selectedItems.push(val);
    }
    console.log(val);
  }

LIVE DEMO