У меня есть файл 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
Источник: