angle 2 mdl-badgeデータバッジコンテンツを動的に作成する

私は角度2の素材デザインを使用していますが、データをmdl-badgeにバインドしたいのですが、このようにするとエラーが発生します。angle 2 mdl-badgeデータバッジコンテンツを動的に作成する

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の値が欲しいです。データをバインドする。 –

この構文は有効ではありません。あなたはdata-badgeにnumFlagsをバインドするために

[attr.data-badge]="numFlags"

または

attr.data-badge={{numFlags}}

を使用する必要があります。

2017-05-07 00:55:17 QoP

ありがとうございます。 –

答えて