mat-table 中没有数据

【问题标题】：No data in mat-tablemat-table 中没有数据
【发布时间】：2018-05-18 14:28:08
【问题描述】：

在 Angular 2+ 中工作。这是我的项目。 https://stackblitz.com/edit/angular-v8tdaz 我不知道出了什么问题，但是我的 mat-table 没有显示其内容。我看到了排序、分页器、过滤器……但没有看到表格中的数据。

我在控制台中看到数据

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>

我尝试在表格中显示非物质标签，它也不显示。我想，我的那个版本的库是错误的，但它不起作用。

你能帮帮我吗？

【问题讨论】：

标签： angular angular-material

【解决方案1】：

你的项目中有几件事

首先，public displayedColumns: ['fieldDate', 'fieldHost', 'fieldEvent', 'fieldComent', 'fieldResult'];

这不是分配字符串数组的方式。我猜你在这里犯了一个语法错误。您提供的不是=，而是:

所以，应该是

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

其次，displayedColumns 应该只包含您想要显示的那些列。在您的情况下，您仅在 HTML 中显示 fieldDate 列，并在数组中设置 5 列。

所以，这应该是

public displayedColumns = ['fieldDate'];

这是您项目的有效解决方案 - Solution

【讨论】：