Интегрировать mat-таблицу с наблюдаемым и HTTP-запросом - PullRequest
Новая
       7

Интегрировать mat-таблицу с наблюдаемым и HTTP-запросом

0 голосов
/ 27 ноября 2018

Привет, я просто хочу отобразить в таблице соответствия результатов HTTP REQUEST.

Я не хочу, почему я не могу отобразить.

Мой компонент: 

    displayedColumns: string[] = ['id'];
dataSource = new MatTableDataSource<User>();

constructor(private httpService: HttpService) {
  this.httpService.accounts.subscribe(users => { this.dataSource.data = users; });
}

ngOnInit() {
}

Мой HTML: 

<mat-table>
<ng-container matColumnDef="id">
<mat-header-cell *matHeaderCellDef>id</mat-header-cell>
<mat-cell *matCellDef="let user">{{user.id}}</mat-cell>>
</ng-container>

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

Когда я console.log У меня есть все пользователи с идентификатором свойства.

1 Ответ

0 голосов
/ 28 ноября 2018

Я думаю, вам нужно вызвать _updateChangeSubscription (), чтобы обновить представление при каждом изменении источника данных.MatTable не учитывает изменения неявным образом. 

displayedColumns: string[] = ['id'];
dataSource = new MatTableDataSource<User>();

constructor(private httpService: HttpService) {
  this.httpService.accounts.subscribe(users => {
    this.dataSource.data = users;
    this.dataSource._updateChangeSubscription();
  });
}
...