Question

我正在尝试将类添加到角4素材标签中。我没有找到任何地狱。找不到选项。试过这个

<mat-tab-group disableRipple class="demo-tab-group" (selectedTabChange)="selectedDataTab($event)" [(selectedIndex)]="selectedIndex">
    <!-- <span *ngFor="let tab of gridTabName" [ngClass]="{'c2-hide': tab.recordId!=gridData.recordId}"> -->
        <mat-tab class="c2-upper-case" *ngFor="let tab of gridTabName" label="{{tab.name}}" [ngClass]="{'active': selectedItem===tab}">
        </mat-tab>
    <!-- </span> -->
</mat-tab-group>

我甚至尝试使用包装器作为注释的span元素。但没有任何工作。顺便说一句，[ngClass]属性不适用于mat-tab

Answer 1

不确定你要做什么..但据我所知，你试图在不覆盖其他类的情况下向每个标签添加一个新类。试试这个：

[class.c2-hide]="tab.recordId!=gridData.recordId"

你的代码中的

：

<mat-tab-group disableRipple class="demo-tab-group" (selectedTabChange)="selectedDataTab($event)" [(selectedIndex)]="selectedIndex">
        <mat-tab class="c2-upper-case" *ngFor="let tab of gridTabName" label="{{tab.name}}" [ngClass]="{'active': selectedItem===tab}"
[class.c2-hide]="tab.recordId!=gridData.recordId"
>
        </mat-tab>
</mat-tab-group>

如何将动态类添加到角度为2,4的材质选项卡？

1 个答案: