如何通过在角度 8 中选中复选框来获取表的 td 值

Question

MMy问题是siple。我正在尝试通过选中复选框来获取 td 值。当我单击复选框时，我想获得相同的行产品名称。怎么办？

Demo：https：//stackblitz.com/edit/angular-ol2sir？file=src/app/app.component.ts

app.component.ts：

getProoduct(e){ 
if(e.target.checked) 
{ 
const target = e.originalEvent.toElement.closest('tr'); 
let tdProduct= target.querySelector('td:nth-child(3)').innetText; 
console.log(tdProduct); 
}  
}

Answer 1

只需将您的复选框 td 替换为

<td> <input type="checkbox" [(ngModel)]="data.isSelected" (change)="getProoduct(data.isSelected, data.product_name)"> </td>

现在的功能与

getProoduct(isSelected, product){
console.log(isSelected, product)
}

完整工作示例：https://stackblitz.com/edit/angular-glxfq5

实际上，您可以直接将data传递给函数，并让所有字段可用，以防将来还需要p_id或任何其他字段。