角材料徽章位置

Ant*_*reš 5 angular-material angular angular6 angular-material-6

我正在尝试在菜单列表中实现有角度的材质标志。

是否可以将徽标放置在列表项的中央?

官方文件说:“默认情况下,徽章将放置在之后的上方。可以通过定义属性matBadgePosition跟随其后的| below和after | after来更改方向。”

但是我需要排除此|在以下位置选项

在此处输入图片说明

或至少可以将整个徽章设置为可见

dot*_*pro 8

检查这个闪电战

使用 CSS 解决

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -3px;
}
Run Code Online (Sandbox Code Playgroud)