我正在尝试以编程方式设置所选索引并且它工作正常,这要归功于[(selectedIndex)]=""
,但每当我选择索引时,所选项目都没有突出显示。
选择它是因为您可以看到它的内容,但没有选定选项卡状态的图形表示。这是一个错误还是可以以某种方式完成?
HTML
<mat-tab-group [(selectedIndex)]="this.dataService.selectedTabs[0]">
<mat-tab *ngFor="let Tab of this.dataService.Tabs">
<ng-template mat-tab-label>
{{Tab.label}}
</ng-template>
<div *ngIf="Tab.childTabs.length !== 0">
//INSIDE OF THIS SECTION THERE ARE MORE NESTED TABS
</div>
</mat-tab>
</mat-tab-group>
当我打开此选项卡时,其内容中的嵌套选项卡将不会突出显示,但会打开它们。
TS
public selectedTabs: any[] = [
0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0
];
此解决方案有效但主要是解决方法。只需在style.css文件中添加以下代码:
.mat-tab-label-active {
bottom-border-style:solid !important;
opacity: 1 !important;
}