PrimeNg p-tabpanel 绑定 headerStyleClass

【问题标题】：PrimeNg p-tabpanel bind headerStyleClassPrimeNg p-tabpanel 绑定 headerStyleClass
【发布时间】：2021-03-20 18:12:02
【问题描述】：

我正在使用 Prime NG 中的 tabview 组件，但由于某种原因我无法绑定标题样式类。

HTML（这可行，但它是静态的）

<p-tabPanel header="Title" headerStyleClass="badge" formGroupName="groupName">

我喜欢在一个条件下使用 headerStyleClass：（这不起作用）

<p-tabPanel header="Title" [headerStyleClass]="{'badge': formGroup.get('groupName').dirty}" formGroupName="groupName">

如何绑定类属性？

【问题讨论】：

【解决方案1】：

在 headerStyleClass 中采用 string 所以尝试像这样传递

[headerStyleClass]="formGroup.get('groupName').dirty ? 'badge': ''"

【讨论】：

我测试它似乎工作。谢谢。奇怪的是我的方法不起作用。如果我有 if else 条件，则使用此方法。
欢迎。写这个{'badge': formGroup.get('groupName').dirty} 实际上我们正在传递对象，所以它不起作用。但这些在 ngClass 中是可以接受的。