mdl-rozeti veri rozeti içeriği nasıl dinamik hale getirilir

Question

Sayfamda bir uyarı simgesi eklemek için veri rozeti sınıfına sahip bir mdl-badge oluşturdum. Denetleyicimde veri kartı verilerini dinamik olarak nasıl değiştirebilirim (yani kodlanmış 5 yerine), görüntülenen sayı arka uç sunucusu tarafından bildirilen uyarı sayısına karşılık gelir. {{Alertcount}} yapmak işe yaramıyor. html:

  <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

Tamam, bu nedenle bu ı yaptıklarını ve bu iş gibi görünüyor:

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