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

Question

我创建了一个带有 data-badge 类的 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);