如何為標簽屬性設置兩種不同的樣式<mat-tab>在 Angular 9 中？

Question

我需要在 mat-tab 中為標簽屬性設置兩種不同的顏色。 我必須顯示沒有背景顏色的“警報”文本和背景顏色為紅色的“3”數字（這里這個數字是動態的）。

<mat-tab label="ALERTS  3">.

附上圖更好理解。

我無法應用背景顏色 RED 進行計數。

<mat-tab class="whiteDivInfo" label="ALERTS {{alertsGridData.length}} ">
<mat-tab>

Answer 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>