【问题标题】：How to set two different styles for label attribute in <mat-tab> in Angular 9?如何在 Angular 9 的 <mat-tab> 中为标签属性设置两种不同的样式？
【发布时间】：2021-02-05 08:04:00
【问题描述】：
我需要在 mat-tab 中为标签属性设置两种不同的颜色。
我必须显示没有背景颜色的“警报”文本和背景颜色为红色的“3”数字（这里这个数字是动态的）。
<mat-tab label="ALERTS 3">.
附上图片更好理解。
我无法为计数应用背景颜色 RED。
<mat-tab class="whiteDivInfo" label="ALERTS {{alertsGridData.length}} ">
<mat-tab>
【问题讨论】：
标签：
javascript
angular
mean-stack
mean
angular-fullstack
【解决方案1】：
下面的代码解决了我的问题。
<ng-template mat-tab-label> ALERTS <span style="float:right;width:20px;height:20px;line-height:20px;text-align:center;background-color:red;border-radius:25px;">{{Data.length}}</span> </ng-template>