Angular数据表格不在表格中显示数据”
创始人
2024-10-29 14:01:51
0
  1. 确认数据是否正确地传递到数据表格组件。

  2. 检查数据表格的模板是否正确设置绑定的数据属性。

以下是一个示例代码,显示如何正确设置数据表格的模板绑定属性:

Column Heading {{row.columnName}}

在'matColumnDef”中定义列名,然后使用'*matHeaderCellDef”和'*matCellDef”设置标题和单元格,以便从数据源中获取绑定属性的值。

  1. 确认表格组件是否正确引用数据表格依赖注入。

在组件中,您需要在constructor中注入MatTableDataSource,如下所示:

import { Component, OnInit, ViewChild } from '@angular/core'; import { MatTableDataSource } from '@angular/material/table';

export class MyComponent implements OnInit { dataSource = new MatTableDataSource();

constructor() { }

ngOnInit(): void { this.dataSource.data = [{columnName: 'value1'}, {columnName: 'value2'}]; } }

在constructor中注入MatTableDataSource,并将数据分配给它的数据属性,以便表格组件可以引用数据表格依赖注入。

  1. 确认数据表格是否具有正确的列定义。

在数据表格的模板中,应确保使用正确的列定义。在MatTableDataSource数据属性中包含要显示的数据时,表格必须拥有为每个列定义一列的列定义。

Column Heading {{row.columnName}} ...

在数据表格组件中确认是否正确定义了所有需要在表格中显示的列。

通过这些步骤,您可以解决Angular数据表格不在表格中显示数据的问题。

相关内容

热门资讯

透视代打!wepoker辅助器... 透视代打!wepoker辅助器安装包,素来真的是有挂(透视)技巧教程(有挂工具)1)wepoker辅...
透视存在!哈糖大菠萝软件下载,... 透视存在!哈糖大菠萝软件下载,德州辅助工具到底怎么样,系统教程(有挂辅助);1.德州辅助工具到底怎么...
透视神器!sohoo辅助,从来... 透视神器!sohoo辅助,从来有挂(透视)解密教程(有挂插件)1、进入游戏-大厅左侧-新手福利-激活...
透视规律!约局吧德州真的有透视... 透视规律!约局吧德州真的有透视挂吗,pokermaster修改器,科技教程(有挂解密)1、透视规律!...
透视脚本!来玩德州破解器,切实... 透视脚本!来玩德州破解器,切实真的是有挂(透视)必备教程(有挂解说);1、游戏颠覆性的策略玩法,独创...
透视黑科技!德州私人局脚本,p... 透视黑科技!德州私人局脚本,pokerworld破解版下载,切实教程(有挂教程)1、很好的工具软件,...
透视脚本!wejoker免费脚... 透视脚本!wejoker免费脚本,本然是真的有挂(透视)2025新版教程(有挂详情);1、上手简单,...
透视苹果版!pokeplus脚... 透视苹果版!pokeplus脚本,德州透视插件,实用技巧(有挂黑科技);小薇(透视辅助)致您一封信;...
透视有挂!约局吧开挂神器是真的... 透视有挂!约局吧开挂神器是真的吗,从前真的是有挂(透视)扑克教程(有挂解密)1、约局吧开挂神器是真的...
透视新版!aa poker辅助... 透视新版!aa poker辅助,哈糖大菠萝挂,2025新版总结(有挂解说)1、用户打开应用后不用登录...