Angular 角度：垫选项卡激活选项卡

我知道我可以使用

[selectedIndex]=“0”

在

mat选项卡组中设置所选选项卡。这是一种冗余的设置方式，因为第一个选项卡仍然处于选中状态

但是，第一次打开时，该选项卡未激活。当您在选项卡上放置
matBadge
时，您可以很容易地看到它。徽章明显呈现为非活动状态，这也可以在字体中看到


但是，当我主动单击第一个选项卡时，它被正确渲染

有没有办法修复它（或者它是一个bug）？可以在上找到示例代码。
此问题是css问题。它可以通过在css文件中添加.mat选项卡标签活动类来修复

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

如果不起作用，试试看

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

希望有帮助
 这个问题是css问题。它可以通过在css文件中添加.mat选项卡标签活动类来修复

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

如果不起作用，试试看

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

希望有帮助
 将其添加到
css
中不会产生任何效果。虽然我看到在浏览器中直接设置它有效果。我猜Angular没有正确地应用它。请查看该类是否已在浏览器中应用，否则请使用/deep/yes。但是
/deep/
是不推荐使用的-请看，但这是我找到的唯一解决方案。。。因此，我填充了一个bug（），将它添加到
css
中没有任何效果。虽然我看到在浏览器中直接设置它有效果。我猜Angular没有正确地应用它。请查看该类是否已在浏览器中应用，否则请使用/deep/yes。但是
/deep/
是不推荐使用的-请看，但这是我找到的唯一解决方案。。。因此，我填充了一个bug（）