使用"角度"中的复选框选择列

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

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

此处添加了工作演示：演示

注意：请参阅控制台中的输出。