angular - Angular 4 使用 [(ngModel)] 捕获 n 行的切换开关（开/关）值

Question

我有一个切换开关（开/关）按钮，我在桌子的每一行都保留了它。我想捕获每一行按钮的开关，这样我就可以根据开/关的结果进行过滤。有没有可能，如果是，那么如何。我从基于自定义的客户端提供程序切换，它为我提供了选项，例如

checked: boolean,checkedLabel:string,disabled:boolean,name:string, and toggleSwitch:event emitter.

 <ng-container *ngFor="let data of displayData$ | async;let i = index">
                    <tr class= "row-break">

                        <td>  
                             <a>{{data.value1}}</a>
                        </td>
                        <td>
                            {{data.value2}}
                        </td>
                        <cm-toggle-switch [(ngModel)]="formModel.state[i]" toggleSwitchChange="toggle($event)" [checked]="true" ></cm-toggle-switch>
                    </tr>
                </ng-container>

Answer 1

看看演示：

StackBlitz

演示

解释：

只需使用 ngModel，不需要任何事件监听器，也不需要检查属性

<tr *ngFor="let row of rows; let i = index">
    <td>{{i + 1}}</td>
    <td><input type="checkbox" [(ngModel)]="row.selected"></td>
</tr>