Угловая таблица материалов не отображает данные

Угловые данные материала не отображают данные, даже если в источнике данных есть правильные данные для отображения

Примечание. Paginator работает правильно в соответствии с источником данных.

HTML

введите здесь описание изображения

TS

this.assignmentDataSource = new MatTableDataSource<Assignment>(assignmentList); //assignmentList has data loaded
this.assignmentDataSource.paginator = this.paginator;

Выход

введите здесь описание изображения

Консоль

console.log(this.assignmentDataSource);

введите здесь описание изображения

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

Спасибо !!!


angular angular-material angular-material-table
person Nibras    schedule 14.01.2020    source источник
comment
@Vikas это тоже не работает   -  person Nibras    schedule 14.01.2020
comment
Можете ли вы предоставить stackblitz   -  person Vikas    schedule 14.01.2020

Ответы (1)


arrow_upward
1
arrow_downward

Есть matColumnDef директивы, и эта директива пытается получить ключ объекта. Но вы определяете неверный ключ, и dataTable не может прочитать объекты. Попробуйте добавить исключенные matColumnDef значения.

person Anarno    schedule 14.01.2020
comment
Я думаю, что способ ссылки на matColumnDef в порядке. поправьте меня, если я ошибаюсь ‹td mat-cell * matCellDef = let assignment› - person Nibras; 14.01.2020
comment
Не могли бы вы добавить мою распечатку о вашем ts-файле? - person Anarno; 14.01.2020
comment
Какой атрибут распечатать? - person Nibras; 14.01.2020
comment
Сделайте копию из вашего полного файла TS. - person Anarno; 14.01.2020
comment
Мне нужна дополнительная информация, например, ваша переменная displayedColumns. - person Anarno; 14.01.2020
comment
Спасибо @Anarno. Вот где я упустил. Я только что создал переменную displayedColumns и не определил имена столбцов. После определения имен столбцов таблица правильно отображает данные - person Nibras; 14.01.2020