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

Demo

说明：

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

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

使用[（ngModel）]对n行

1 个答案: