如何使mdl-badge数据徽章内容动态化

Question

我创建了一个带有数据徽章类的mdl-badge，用于在我的页面上添加警报图标。如何在我的控制器中动态更改数据标记数据（即而不是硬编码5），以便显示的数字对应于后端服务器报告的警报数。执行{{alertcount}}似乎不起作用。 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

好的，所以这就是我所做的，似乎有效：

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