2017-05-07 3 views
0

ich benutze angular 2 material design und ich möchte daten an die mdl-badge binden aber ich bekomme einen fehler wenn ich so vorgehe.eckig 2 make mdl-badge data-badge content dynamic

HTML-Code

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

ts Komponente

this.numFlags=msg++; 
+0

Welcher Fehler? Vielleicht ist es nichts wert, aber hast du es versucht: '[data-badge] = numFlags'? – developer033

+0

Ja, ich habe es versucht, schreiben Sie mir in das Daten-Abzeichen "numflags". Ich möchte den Wert der Anzahlflags. um die Daten zu binden. –

Antwort

4

Das Syntax nicht gültig ist. Sie haben

[attr.data-badge]="numFlags"

oder

attr.data-badge={{numFlags}}

verwenden, um numFlags zu data-badge zu binden.

plnkr

+0

danke, es funktioniert. –