在Angular 6中,我正在使用Angular Material来使用标签页显示一些数据。
<mat-tab-group>
<mat-tab
*ngFor="let bar of foo.bar"
[label]="bar.Name"
[ngClass]="bar.IsActive ? 'bar-on' : 'bar-off'">
// ...
</mat-tab>
</mat-tab-group>
如果bar的IsActive
属性为true
或false
,我想以不同的样式设置选项卡。
我尝试使用如上所示的[ngClass]="bar.IsActive ? 'bar-on' : 'bar-off'"
,但是类没有被添加。
出于恶意,我尝试了更简单的class='bar-on'
,但即使这样也没有添加类。
因此,我想知道是否可以向Angular Material选项卡添加自定义类?
编辑:
IsActive
属性是foo
对象的属性。 它与选项卡的激活状态无关。 活动选项卡可以显示具有IsActive = false
的对象,反之亦然。