Первичная таблица мутирует пользовательский компонент из родительского компонента - PullRequest
Новая
       7

Первичная таблица мутирует пользовательский компонент из родительского компонента

0 голосов
/ 02 сентября 2018

Я использую таблицу primeng для отображения некоторых активов. 

  <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', который является ничем иным, как 

  <span class="circle small" [ngClass]="statusColor"></span>

Как теперь можно изменять / обновлять CSS определенной строки для st-asset-status для.e.g. Я хочу изменить 10-ую строку (st-asset-status) из родительского компонента. Пожалуйста, предоставьте с учетом наилучшей практики для ее достижения.

...