角度:Mat-tab激活选项卡

时间:2019-09-18 09:16:50

标签: angular angular-material

我知道我可以使用mat-tab-group[selectedIndex]="0"中设置所选标签。这是一种多余的设置方式,因为无论如何都选择了第一个标签。

尽管如此,该选项卡在首次打开时未激活。在标签上放置matBadge时,很容易看到它。徽章清楚地呈现为非活动状态-在字体本身中也可以看到。

Inactive badge

但是当我主动单击第一个选项卡时,它会正确显示 Activated tab

是否有解决方法(或者是错误)?可以在Stackblitz上找到示例代码。

1 个答案:

答案 0 :(得分:0)

此问题为CSS问题。可以通过在CSS文件中添加.mat-tab-label-active类来解决此问题

.mat-tab-label-active {
    opacity: 1 !important;
}

如果它不起作用,请尝试

/deep/ .mat-tab-label-active {
        opacity: 1 !important;
    }

希望有帮助!