如何在角度2中更新“#34;数据值”属性

时间:2017-02-15 12:51:38

标签: javascript angular

将数据属性绑定到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;。 提前感谢您的帮助。

1 个答案:

答案 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>