Как применить динамический стиль к строкам таблицы 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

См. также:  Угловые советы | Используйте технику проекции для улучшения возможности повторного использования ваших компонентов ?
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 1
  1. Harihara_K

    Попробуй это

    <tr style="{{listObject.rowStyle}}">
    
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: