javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

Question

使用 angular/material 6.2.1，我尝试向按钮添加徽章，效果很好。但是，我希望徽章显示 Material 图标，而不是显示我可以使用 matBadge 指令设置的纯文本。

有谁知道我必须做什么才能实现这个目标？我想我可以使用 jQuery，但我想知道是否有更流畅/更简单的方法。

Answer 1

我通过简单地设置 f.e. 解决了这个问题。按钮上的 matBadge="person"。

然后在你的 css 文件中:

.mat-badge-content {
    font-family: 'Material Icons';
}