Question

我当前的项目中要求通过选中复选框来获取所选列的值。通常，我们将在行中添加复选框，然后获取值。谁能指导我，这有可能吗？如果可以，请提出如何做的建议？

谢谢，萨拉

Answer 1

假设下面是显示数据的表格

<tbody>
<tr *ngFor="let item of employee">
    <td><input type="checkbox" [(ngModel)]="isChecked" (change)="getValue(item)" /></<td>
    <td>{{item.name}}</td>
    <td>{{item.surname}}</td>
    <td>{{item.code}}</td>

</tr><tbody>

以下是您在组件上的方法

   getValue(event: any){
     // you will get the row value here when you check your checkBox
   console.log(event);
}

希望有帮助

Answer 2

您可以通过在表格标题处附加一个复选框并将其与将根据选定列显示值的函数绑定来实现此目的。现在，当您选中一个复选框时，您必须发送一个唯一值，该唯一值将用于识别选择了哪一列。然后相应地，您将显示该列的值。有关更多说明，请查看随附的演示。

在这里添加了

工作演示：demo

注意：：在控制台中查看输出。

使用Angular中的复选框选择列

2 个答案: