wie man mdl-badge data-badge content dynamisch macht

Question

Ich habe ein mdl-badge mit data-badge-klasse erstellt, um ein warnsymbol auf meiner seite hinzuzufügen. Wie kann ich die Datenabdruckdaten (d. H. Eher als hartcodierte 5) in meinem Controller dynamisch ändern, sodass die angezeigte Anzahl der Anzahl der vom Back-End-Server gemeldeten Alerts entspricht. Do {{alertcount}} scheint nicht zu funktionieren. Die HTML ist:

  <a class="mdl-badge mdl-badge--overlap mdl-badge--no-background" data-badge="5" href="#monitor"><i id="ttalert" class="material-icons">messages</i></a> 
      <div class="mdl-tooltip" for="ttalert">Alerts</div> 

Answer 1

OK, also das ist, was ich getan habe, und es scheint zu funktionieren:

  alerticon = document.getElementById('alertbadge'); 
      alerticon.setAttribute('data-badge', alertcount);