如何在Angular 9的<mat-tab>中为标签属性设置两种不同的样式?

问题描述

我需要在mat-tab中为标签属性设置两种不同的颜色。 我必须显示不带背景色的“警报”文本和带红色背景色的“ 3”数字(此处为动态数字)。

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

附上图片以更好地了解

我无法将红色背景色计数。

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

enter image description here

解决方法

下面的代码解决了我的问题。 <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>

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...