在PrimeNG中如何将条件着色应用于树表组件中的行

Question

我是PrimeNG的新手，并且在我的angular 2应用程序中使用树表组件。

我想根据条件应用不同样式的整行（tr）。我试过ngStyle和ngClass。但它没有用。

<p:treetable id="coloring" var="car" [value]="{treeTableController}"
[ngStyle] ="{{car.year le 1975 ? 'colored' : null}}">
<p:columnheaderText="Year">{car.year}</p:column>
<p:columnheaderText="Name">{car.name}</p:column>
</p:treetable>

非常感谢任何帮助。

Answer 1

使用 [ngClass] / [ngStyle] 代替rowStyleClass，它可能会对您有所帮助，如下所示：

[ngStyle]="{'height': splitterHeight + 'px'}"

[ngClass]="mode == 'multiple' ? 'multipleEditorModal' : 'NoClass'"