Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
数据源设置为mat table(angular)具有数据,但不显示任何数据,并且该表为空_Angular_Mat Table - Fatal编程技术网

数据源设置为mat table(angular)具有数据,但不显示任何数据,并且该表为空

数据源设置为mat table(angular)具有数据,但不显示任何数据,并且该表为空,angular,mat-table,Angular,Mat Table,mat table(angular)数据源有一个数据(一行数组),但只显示标题,表为空 问题是Ngonit中的控制台显示数据,但我的表是空的,只显示标题。我的简单代码有什么问题 我的组件html文件中的代码: 名称 {{row.name} 我的组件ts文件中的代码: 导出类拼接连接AttributeControl实现 AfterContentInit、OnInit、OnDestroy{ 样本:样本[]; displayedColumns=['name']; 构造函数(){} 恩戈尼尼特(){

mat table(angular)数据源有一个数据(一行数组),但只显示标题,表为空

问题是Ngonit中的控制台显示数据,但我的表是空的,只显示标题。我的简单代码有什么问题

我的组件html文件中的代码:


名称
{{row.name}
我的组件ts文件中的代码:

导出类拼接连接AttributeControl实现
AfterContentInit、OnInit、OnDestroy{
样本:样本[];
displayedColumns=['name'];
构造函数(){}
恩戈尼尼特(){
this.samples=[{name:'test1'}];
console.log(this.samples);
}
恩贡德斯特罗(){
//取消订阅以确保没有内存泄漏
this.subscription.unsubscripte();
}
ngAfterContentInit(){}
}
型号:

导出类示例{
名称:字符串;
}

您的模板语法错误,您应该使用
th
tr
td
带角度材料指令的标签:


名称
{{row.name}

演示:

您的模板语法错误,您应该使用
th
tr
td
带角度材料指令的标签:


名称
{{row.name}

演示:

您的
垫行
元素位于
垫头行
元素内。请参见您的
垫行
元素位于
垫头行
元素内。请看

我非常感谢您的时间和帮助,甚至提供了一个绝对解决问题的演示。非常欢迎您。它解决了你的问题吗?如果是这样的话,请考虑通过点击这个投票的灰色嘀嗒声来接受答案,这标志着问题的解决:我非常感谢你的时间和你的帮助,甚至提供了一个绝对解决问题的演示。你很受欢迎。它解决了你的问题吗?如果是这样,请考虑通过点击在这个答案的投票下的灰色记号来接受答案,这标志着问题被解决了: