在Angular中点击按钮如何获取原生HTML表格对应行的数据

你当前用*ngFor循环遍历licencesImages渲染表格行时，每一轮循环对应的licence变量就是当前行的完整关联数据，直接将它作为参数传给点击事件即可：

1. 修改component.html里的点击事件代码：
   把原来的

(click)="onAddLicense(output)"

替换为

(click)="onAddLicense(licence)"

2. 无需修改component.ts的代码，点击按钮后onAddLicense方法接收到的参数就是当前行的全部许可证数据，直接使用即可。

额外说明 #

• 之前使用$event.target.value不生效的原因是你点击的<i>标签没有value属性，自然拿不到对应值，这种场景下直接传递循环变量是Angular的标准实现方式。
• 如果只需要当前行的某一个字段，比如许可证ID，也可以按需传递licence.id这类指定属性。

内容的提问来源于stack exchange，提问作者jack ros