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数据表格不在表格中显示数据的问题。

相关内容

热门资讯

三插件挂(wpk插件)外挂透明... WePoker透视辅助版本解析‌,三插件挂(wpk插件)外挂透明挂辅助器(透视)德州教程(有挂详情)...
四个内置!德扑赔率胜率计算(代... 四个内置!德扑赔率胜率计算(代打)软件透明挂(真实有挂)-哔哩哔哩;是一款可以让一直输的玩家,快速成...
第8个猫腻!微扑克ai辅助神器... WePoker透视辅助工具核心要点解析‌,第8个猫腻!微扑克ai辅助神器(俱乐部设置)辅助透视(有挂...
三系统!聚友互娱有后台操作吗(... 三系统!聚友互娱有后台操作吗(辅助挂)太坑了原来真的有挂(有挂秘籍)-哔哩哔哩1、玩家可以在聚友互娱...
五安装(微扑克苹果版)外挂透明... 大家肯定在之前微扑克苹果版或者微扑克苹果版中玩过五安装(微扑克苹果版)外挂透明挂辅助挂(辅助挂)德州...
第6个开挂!德扑赔率胜率计算(... 第6个开挂!德扑赔率胜率计算(软件透明有人买)透视辅助(存在有挂)-哔哩哔哩1、很好的工具软件,可以...
第6个软件!wepoke辅助真... 第6个软件!wepoke辅助真的假的(wepooke系统规律)透视辅助(有挂方法)-哔哩哔哩1、很好...
第三修改器!曦梦奇缘有外挂吗(... 第三修改器!曦梦奇缘有外挂吗(辅助挂)太坑了原来真的有挂(果真有挂)-哔哩哔哩;无聊就玩这款曦梦奇缘...
一个稳赢!德扑之星好牌(开发)... 一个稳赢!德扑之星好牌(开发)辅助透视(讲解有挂)-哔哩哔哩;1分钟了解详细教程(微信 136704...
第1自建房(wepoKe)外挂... 第1自建房(wepoKe)外挂透明挂辅助app(辅助挂)揭秘教程(有挂教学)-哔哩哔哩;一、wepo...