如何解决如何在Angular 9的<mat-tab>中为标签属性设置两种不同的样式?
我需要在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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。