Нет данных в мат-таблице

Question

Работа в Angular 2+.Это мой проект.https://stackblitz.com/edit/angular-v8tdaz Я не знаю, что не так, но моя таблица матов не отображает ее содержимое.Я вижу sort, paginator, filter ... но не вижу данных в таблице.

Я вижу данные в консоли

0: {fieldDate: "Fri May 18 2018 17:38:35 GMT+0300 (RTZ 2 (зима))", fieldHost: "192.168.32.30", fieldEvent: "Active", fieldComent: "Its OK", fieldResult: "true"}
1: {fieldDate: "Fri May 18 2018 17:38:35 GMT+0300 (RTZ 2 (зима))", fieldHost: "192.168.30.47", fieldEvent: "Bug", fieldComent: "Smth wrong", fieldResult: "false"}
length: 2

Но в HTML это пусто

<mat-row _ngcontent-c1="" class="mat-row ng-star-inserted" role="row">
<!---->
</mat-row>

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

Можете ли вы мне помочь?

Answer 1

В вашем проекте есть несколько вещей

Во-первых, public displayedColumns: ['fieldDate', 'fieldHost', 'fieldEvent', 'fieldComent', 'fieldResult'];

Это не то, как вы назначаете строковый массив.Я предполагаю, что вы сделали синтаксическую ошибку здесь.Вместо = вы указали :

Итак, это должно быть

public displayedColumns = ['fieldDate', 'fieldHost', 'fieldEvent', 'fieldComent', 'fieldResult'];

Во-вторых, displayedColumns должен содержать только те столбцы, которые вы хотите отобразить.В вашем случае вы отображаете только fieldDate столбец в HTML и устанавливаете 5 столбцов в массиве.

Итак, это должно быть

public displayedColumns = ['fieldDate'];

Вот рабочее решение для вашего проекта - Решение