角度2使mdl徽章数据徽章内容动态

我使用的角度2材料设计，我想绑定数据到mdl-徽章但我得到一个错误，当我这样做。角度2使mdl徽章数据徽章内容动态

HTML代码

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

TS组件

this.numFlags=msg++;

2017-05-07 Adir Zoari

什么错误？也许这没什么价值，但是你试过了：'[data-badge] = numFlags'？ – developer033

是的，我试过把我写入数据徽章“numflags”。我想要numflags的值。绑定数据。 –

这句法无效。你必须使用

[attr.data-badge]="numFlags"

或

attr.data-badge={{numFlags}}

为了绑定numFlags到data-badge。

2017-05-07 00:55:17 QoP

谢谢，它的工作原理。 –

回答