Angular: Mat-tab激活选项卡

Question

我知道我可以使用[selectedIndex]="0"在mat-tab-group中设置选定的选项卡。这是一种多余的设置方式，因为无论如何都会选择第一个选项卡。

然而，当第一次打开时，该选项卡未被激活。当你在标签上放置一个matBadge时，你可以很容易地看到它。徽章清楚地显示为非活动状态--这也可以在字体中看到。

​

​

但是，当我主动单击第一个选项卡时，它会正确呈现

​

有没有办法修复它(或者它是个bug)？示例代码可以在Stackblitz上找到。

Answer 1

这个问题是一个css问题.可以通过在css文件中添加.mat-tab-label-active类来修复该问题

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

如果不起作用，请尝试

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

希望它能帮上忙！