如何使用角度材料设计文档中的徽章？

Question

我找到了徽章on this page。我想在这个漂亮的圆圈内添加一个数字（我假设为文本“ 2”）（我也想设置一种颜色或使用某种默认颜色）：就像该页面上最上面的例子一样。

他们说，代码应该是：

<mat-icon matBadge="22" matBadgePosition="above after">home</mat-icon>

但是<div><mat-icon matBadge="22" matBadgePosition="above after">home</mat-icon></div>不起作用。我相信我应该将其包装在<md-content>中，这样的主意吗？

在我的项目中，我将任何东西都包裹在<div><md-menu><md-button>中，但是在这里我看不到这种标签。

---

Answer 1

您似乎将AngularJS Material与Angular Material混为一谈。

不幸的是，如果您使用的是AngularJS 1.x材质，则徽章没有这种功能。

Answer 2

您可以使用与AngularJS一起使用的angular-material-badge。