【问题标题】:Angular material table not rendering data角材料表不渲染数据
【发布时间】:2020-04-30 21:13:31
【问题描述】:

即使数据源有正确的数据要显示,角度材料数据也不会呈现数据

注意:分页器根据数据源正常工作

HTML

TS

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

输出

控制台

console.log(this.assignmentDataSource);

我想知道为什么数据没有渲染到视图中

谢谢!!!

【问题讨论】:

  • this.assignmentDataSource = new MatTableDataSource&lt;any&gt;(Object.values(assignmentList));
  • @Vikas 太不工作了
  • 你能提供一个stackblitz吗

标签: angular angular-material angular-material-table


【解决方案1】:

matColumnDef 指令,该指令试图获取对象的键。但是你定义了一个坏键,dataTable 无法读取对象。尝试添加例外的matColumnDef 值。

【讨论】:

  • 我认为我引用 matColumnDef 的方式很好。如果我错了,请纠正我
  • 你可以添加我的关于你的 ts 文件的打印吗?
  • 我应该打印什么属性?
  • 请从您的完整 TS 文件中复制一份。
  • 谢谢@Anarno。这是我错过的地方。我刚刚创建了displayedColumns 变量并且没有定义任何列名。定义列名后,表格正确呈现数据
猜你喜欢
相关资源
最近更新 更多
热门标签