角度2,4の材質タブに動的なクラスを追加するにはどうすればいいですか？

Question

角度4の素材タブにクラスを追加しようとしています。私は地獄を見つけませんでした。オプションは見つかりませんでした。私もコメントしspan要素としてラッパーで試してみました。この1

<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> 

を試してみました。しかし、何も働いていません。そして、ところで、[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>