将数据属性绑定到Angular2变量。这很好。但是一个方法可能会改变这个值,这个值很大程度上没有反映在data-attribute中。不知道怎么解决这个问题?这是一个简化的例子:
<span (click)="addMoney(item)">
<i class="money inline icon right" attr.data-content="Click amount to donate ${{item.step}}"></i>
</span>
因此,在此示例中,假设addMoney()
可以更改&#34; item.step&#34;。
提前感谢您的帮助。
答案 0 :(得分:1)
只需将attr.data-content
括在方括号中,将字符串值包含在单引号中,如下所示,并删除大括号。
<span (click)="addMoney(item)">
<i class="money inline icon right"
[data-content]="'Click amount to donate ' + item.step"></i>
</span>