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

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

0 голосов
/ 15 января 2019

Я создал таблицу, используя компонент nztable из `` ng-zorro`. Эта таблица содержит вложенную таблицу, в которую я хочу загружать данные динамически (вызов службы REST) ​​по нажатию на значок раскрытия.

Я могу загрузить данные во вложенную таблицу, но когда я раскрываю следующую строку, она переопределяет данные в первой строке с новым результатом.

Поскольку создание вложенной таблицы находится в цикле (ngfor), я не могу контролировать привязку данных к конкретной строке. 

<nz-table #nestedTable [nzData]="displayData" [nzPageSize]="10">
    <thead colspan="5">
    <tr>
      <th nzWidth="4%"nzShowExpand></th>
      <th nzWidth="12%">Id</th>
      <th nzWidth="10%">Start Time</th>
      <th nzWidth="10%">End Time</th>
      <th nzWidth="10%">Status</th>
    </tr>
    </thead>
    <tbody>
    <ng-template ngFor let-data [ngForOf]="nestedTable.data">
      <tr>
        <td nzShowExpand [(nzExpand)]="data.expand" (click)="getDetails(data)"></td>
        <td >{{data.Id}}</td>
        <td>{{data.startTime}}</td>
        <td>{{data.endTime}}</td>
        <td>{{data.status}}</td>
      </tr>
      <tr [nzExpand]="data.expand">
        <td><nz-spin  *ngIf="isEventLoading"></nz-spin></td>
        <td colspan="9">
          <nz-table #innerTable [nzData]="innerTableData" nzSize="middle" [nzShowPagination]="false">
    <thead>
    <tr>
      <th>E ID</th>
      <th>S ID</th>
      <th>E Type</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of innerTable.data">
      <td>{{data.eID}}</td>
      <td>{{data.sID}}</td>
      <td>{{data.eType}}</td>
    </tr>
    </tbody>
    </nz-table>

1 Ответ

0 голосов
/ 09 июля 2019

Попробуйте заменить это [nzData]="innerTableData" вашей внутренней коллекцией вот так [nzData]="data.childRows".

...