角度材质选项卡未突出显示

问题描述 投票:0回答:1

我正在尝试以编程方式设置所选索引并且它工作正常,这要归功于[(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
];
html angular typescript angular-material
1个回答
1
投票

此解决方案有效但主要是解决方法。只需在style.css文件中添加以下代码:

.mat-tab-label-active {
bottom-border-style:solid !important;
opacity: 1 !important;
}
© www.soinside.com 2019 - 2024. All rights reserved.