ngrx - выбрать из повтора или таблицы - PullRequest
Новая
       3

ngrx - выбрать из повтора или таблицы

0 голосов
/ 12 февраля 2020

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

Для этого компонента я отображаю список футбольных матчей, данные игр - это массив с интерфейсом:

{ id: number, home: number, away: number }

Идентификатор ссылки на свойства дома и на выезде в штате клубов { id: number, name: string }

У меня есть приборы, отображаемые в мат-таблице 

<table mat-table [dataSource]="(fixtures$ | async)">
    <ng-container matColumnDef="home">
      <th mat-header-cell *matHeaderCellDef>Home</th>
      <td mat-cell *matCellDef="let element">{{ element.home }}</td>
    </ng-container>

    <ng-container matColumnDef="vs">
      <th mat-header-cell *matHeaderCellDef> {{ date | date: 'EEEE, MMMM d, y' }}</th>
      <td mat-cell *matCellDef="let element">vs</td>
    </ng-container>

    <ng-container matColumnDef="away">
      <th mat-header-cell *matHeaderCellDef>Away</th>
      <td mat-cell *matCellDef="let element">{{ element.away }}</td>
    </ng-container>

    <tr mat-header-row *matHeaderRowDef="displayColumns"></tr>
    <tr mat-row *matRowDef="let row; columns: displayColumns"></tr>
  </table>

На данном этапе домашние и выездные клубы отображаются в качестве идентификатора, и я не совсем уверен, как лучше всего указать состояние клуба для отображения названия клуба. Любая помощь будет великолепна, спасибо.

...