matSort не работает prperly - PullRequest
Новая
       5

matSort не работает prperly

0 голосов
/ 29 мая 2018

У меня проблемы с таблицей матов и сортировкой данных, я не могу найти ошибку.

Есть пример стекового блика

https://stackblitz.com/edit/angular-lzhpvx

Может ли кто-нибудь помочь мне увидеть ошибку?

1 Ответ

0 голосов
/ 29 мая 2018

Ваша ошибка связана с вашей колонкой Шаблон и шаблон строки. Ключи указаны в верхнем регистре 

displayedColumns = ['EMAIL','ID'];
                     ^^^^^^^^^^^^^
<ng-container matColumnDef="EMAIL">
                            ^^^^^^

В то время как в ваших данных клавиши массива находятся в нижнем регистре 

const ELEMENT_DATA: TestEmail[] = [
  {email: 'test1@test.com', id:4},
  {email: 'aaaatest2@test.com', id: 7},
  {email: 'oootest3@test.com', id: 1}
];

AСтрока с именем этого столбца присваивается этой директиве matColumnDef.Директива однозначно идентифицирует данный столбец с ключом, и он должен быть таким же, как определено в массиве данных, который предоставляет данные в таблицу.

Модификация: 

  displayedColumns = ['email','id'];

  <ng-container matColumnDef="email">
  <ng-container matColumnDef="id">

LIVE DEMO
PS STACKBLITZ Предоставлено вами использует Последниеверсия углового материала V6, и вы смешали его с материалом V5

...