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

how to make mdl-badge data-badge content dynamic

本文关键字：徽章 动态 数据 mdl 何使      更新时间：2023-10-01

我创建了一个带有数据徽章类的mdl徽章，以便在我的页面上添加警报图标。我如何动态更改控制器中的数据徽章数据（即，而不是硬编码的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>

好吧，这就是我所做的，它似乎起作用了：

            alerticon = document.getElementById('alertbadge');
            alerticon.setAttribute('data-badge', alertcount);
相关文章：