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

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}}">

LIVE DEMO