javascript - 如何在 Angular 2 中更新 "data-value” 属性

Question

获得了一个绑定(bind)到 Angular2 变量的数据属性。那很好用。但是方法可能会更改值，这大部分不会反射(reflect)在数据属性中。知道如何解决这个问题吗？这里有一个简化的例子:

<span (click)="addMoney(item)">
  <i class="money inline icon right"  attr.data-content="Click amount to donate ${{item.step}}"></i>
</span>

因此，在此示例中，假设 addMoney() 可以更改“item.step”。在此先感谢您的帮助。

Answer 1

只需将 attr.data-content 包裹在方括号中，并将字符串值包裹在单引号中，如下所示，然后删除大括号。

  <span (click)="addMoney(item)">
      <i class="money inline icon right"
        [data-content]="'Click amount to donate ' + item.step"></i>
    </span>