Как применить динамический стиль к строкам таблицы PrimeNg?

У меня есть файл MyObject.ts как

name:String rowStyle:String

и файл MyComponent.ts как

myObject1:MyObject=new MyObject(); myObject2:MyObject=new MyObject(); myObjectList:MyObject[]=[]; myObject1.name=»Red Color Row» myObject1.rowStyle=»background-color:red» myObject2.name=»Bold Font» myObject2.rowStyle=»font-weight:bold» myObjectList.push(myObject1); myObjectList.push(myObject2);

и файл MyComponent.html как

<p-table [value]=»myObjectList»> <ng-template pTemplate=»header»> <tr> <th>Name</th> <th>Styles</th> </tr> </ng-template> <ng-template pTemplate=»body» let-listObject> <tr> <td>listObject.name</td> <td>listObject.rowStyle</td> </tr> </ng-template> </p-table>

Как теперь применить стили, указанные в атрибуте rowStyle, к строкам таблицы?

Попробуйте это <tr [style]=»listObject.rowStyle»>   —  person Harihara_K    schedule 23.12.2020

Источник: ledsshop.ru

Стиль жизни - Здоровье!