angular 2使mdl-badge数据徽章内容动态化

时间:2017-05-07 00:16:19

标签: angular material-design angular-material badge

我正在使用角度2材质设计,我想将绑定数据绑定到mdl-badge但是当我这样做时我收到错误。

html代码

 <div class="material-icons mdl-badge mdl-badge--overlap" data-badge={{numFlags}}>num Of flags</div>

ts组件

   this.numFlags=msg++;

1 个答案:

答案 0 :(得分:4)

该语法无效。你必须使用

[attr.data-badge]="numFlags"

attr.data-badge={{numFlags}}

以便将numFlags绑定到data-badge

plnkr