angular - 如何使用 *ngFor=let 值作为角度 2 中的 html 属性值

Question

我试图使用的值{{facturaCE.cantidad / 1.16}}作为属性值data-clipboard-text = facturaCE.cantidad / 1.16

这是我的代码片段

<tr *ngFor="let facturaCE of facturasClientesExistentes">
<td>{{facturaCE.cantidad}} --> {{facturaCE.cantidad / 1.16}}</td>
<td>{{facturaCE.cliente}}</td>
<td>{{facturaCE.correo}}</td>
<td>{{facturaCE.fecha}}</td>
<td>{{facturaCE.sucursal}}</td>
<td>
<button class="btn button" data-clipboard-text="I WANT TO USE HERE">Cantidad
</button>
<button (click)="facturaTerminada('clienteExistente', facturaCE)" class="button alert">Marcar como realizada
</button>
</td>
</tr>

我正在使用Clipboard.js这就是为什么有属性data-clipboard-text并且如果我使用一些示例文本它就可以工作。

已经尝试使用data-clipboard-text="{{facturaCE.cantidad / 1.16}}"

Answer 1

利用

[attr.data-clipboard-text]=" facturaCE.cantidad / 1.16"

或者

attr.data-clipboard-text="{{facturaCE.cantidad / 1.16}}"

Answer 2

你应该使用如下

<button class="btn button" attr.data-clipboard-text="{{facturaCE.cantidad/1.6}}">

现场演示