Primeng表从父组件更改自定义组件

时间:2018-09-02 19:04:40

标签: angular dom primeng

我正在使用primeng表显示一些资产。

bool Application::notify(QObject * receiver, QEvent * event) 
{
    if ( event && 
         event->type() == QEvent::Paint )
    {
        if ( applicationState() != Qt::ApplicationActive )
        {
            return false;
        }
    }
    return QApplication::notify(receiver,event);
}

在这里您可以看到我正在使用自定义组件'st-asset-status',不过这只是

  <p-table #assetTable [scrollable]="true" [value]="viewModelList">

      <ng-template pTemplate="header">
        <tr>
          <th style="width: 17px"></th>
          <th [pSortableColumn]="'identifier'">
            Name
            <p-sortIcon [field]="'identifier'" ariaLabel="Activate to sort" ariaLabelDesc="Activate to sort in descending order" ariaLabelAsc="Activate to sort in ascending order"></p-sortIcon>
          </th>
        </tr>
      </ng-template>

      <ng-template pTemplate="body" let-asset let-i="rowIndex">
        <tr (click)="onAssetListSelection(asset, i)" [ngClass]="{'selectedItem': asset?.identifier === selectedAsset?.identifier}">
          <td style="width: 18px">
            <st-asset-status [jointItem]="asset"></st-asset-status>
          </td>
          <td>{{asset.identifier}}</td>
        </tr>
      </ng-template>

    </p-table>

现在如何更改/更新st-asset-status特定行的CSS,例如 我想从父组件更改第十行(st-asset-status)。 请提供考虑最佳做法以实现这一目标。

0 个答案:

没有答案