问题描述
我需要在mat-tab中为标签属性设置两种不同的颜色。 我必须显示不带背景色的“警报”文本和带红色背景色的“ 3”数字(此处为动态数字)。
<mat-tab label="ALERTS 3">.
附上图片以更好地了解
我无法将红色背景色计数。
<mat-tab class="whiteDivInfo" label="ALERTS {{alertsGridData.length}} ">
<mat-tab>
解决方法
下面的代码解决了我的问题。
<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>