добавить значки уведомлений на мат-вкладку

Я пытаюсь добавить значок уведомления на мат-вкладку, как на изображении ниже,

значок уведомления в правом верхнем углу вкладки

Но я не могу найти способ сделать это на вкладках углового материала. Так как значки вырезаются.

Вот пример stackblitz: https://stackblitz.com/edit/angular-eqlmkb-zzkrtg< /а>

есть ли способ сделать это?


angular css badge angular-material mat-tab
person sonu    schedule 18.05.2020    source источник

Ответы (1)


arrow_upward
9
arrow_downward

Вы можете создать собственный шаблон этикетки для мат-вкладки и поместить значки/значки и т. д. в этикетку.

<mat-tab-group>
  <mat-tab>
    <ng-template mat-tab-label>
      <span matBadge="4" matBadgeOverlap="false">Label with Badge</span>
    </ng-template>
    Content
  </mat-tab>
</mat-tab-group>
person tomcheney    schedule 13.10.2020