如何在 turbo table 中绑定 primeng p-inputswitch 控件并执行 get 和 set 操作

Question

我有 primeng turbo table，它可以有无限数量的行。我有一列“IsActive”需要显示在所有行中。我需要将 p-inputswitch 用于“IsActive”列。我面临的问题是如何为这么多行实现 p-inputswitch。

想法： 我正在考虑使用 ngModel 为每一列绑定值，其中将使用 'isActive'+ rowid 生成其名称。例如，第一行的 [(ngModel)] = isActive1 AND 第二行的 [(ngModel)] = isActive2 AND 第三行的 [(ngModel)] = isActive3 等等，并在 .ts 文件中读取这些值。复杂性是因为行数不确定（很多 'isActive+n:boolean' 应该在 .ts 文件中定义，我不喜欢选择。）

实现它的最佳方法是什么？

Answer 1

你可以直接把switch绑定到item上的字段上，像这样：

<ng-template pTemplate="body" let-product>
    <tr>
        <td>{{ product.name }}</td>
        <td>
            <p-inputSwitch [(ngModel)]="product.test"></p-inputSwitch>
        </td>
    </tr>
</ng-template>

见this demo。