AngularMaterial表格无法显示数据。
创始人
2024-10-28 08:01:42
0
  1. 确认数据已经正确绑定到数据源。
  2. 确认列定义与数据源的属性一致。
  3. 确认在数据表格模块中正确引入所需的模块,例如MatTableModule和MatPaginatorModule。
  4. 确认表格中的每一列都有对应的angular-material组件,例如mat-cell和mat-header-cell。
  5. 确认表格的数据源是MatTableDataSource类型的实例,并且正确分配数据源给table.dataSource。 以下是示例代码:

HTML:

Name {{element.name}}

Age {{element.age}}

TS:

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

@Component({ selector: 'app-my-table', templateUrl: './my-table.component.html', styleUrls: ['./my-table.component.scss'] }) export class MyTableComponent implements OnInit {

displayedColumns: string[] = ['name', 'age']; dataSource = new MatTableDataSource(ELEMENT_DATA);

ngOnInit(): void { }

}

const ELEMENT_DATA: any[] = [ { name: 'John', age: 35 }, { name: 'Jane', age: 25 }, { name: 'Bob', age: 45 } ];

相关内容

热门资讯

黑科技工具(wpk稳赢)外挂透... 黑科技工具(wpk稳赢)外挂透明挂辅助设备(ai辅助)一直存在有挂(真是有挂)-哔哩哔哩;1、操作简...
辅助黑科技(wpk大厅)外挂透... 辅助黑科技(wpk大厅)外挂透明挂辅助插件(ai代打)好像是有挂(有挂存在)-哔哩哔哩1、wpk大厅...
黑科技智能ai(wpk安装)外... 黑科技智能ai(wpk安装)外挂透明挂辅助设备(ai代打)竟然是有挂(有挂分享)-哔哩哔哩1、点击下...
黑科技科技(轰趴十三水)外挂透... 黑科技科技(轰趴十三水)外挂透明挂辅助黑科技(透视)切实有挂(有挂分享)-哔哩哔哩;1、金币登录送、...
黑科技免费(wpk安装)外挂透... 黑科技免费(wpk安装)外挂透明挂辅助器(透明挂)好像存在有挂(有挂分析)-哔哩哔哩;1、wpk安装...
黑科技智能ai(传奇扑克)外挂... 黑科技智能ai(传奇扑克)外挂透明挂辅助科技(透视)切实存在有挂(讲解有挂)-哔哩哔哩;1、传奇扑克...
黑科技教程(WPK最新版)外挂... 黑科技教程(WPK最新版)外挂透明挂辅助软件(透明挂黑科技)一贯真的有挂(有挂详细)-哔哩哔哩;1、...
黑科技讲解(Wepoke技术)... 黑科技讲解(Wepoke技术)外挂透明挂辅助设备(透明挂黑科技)本来有挂(证实有挂)-哔哩哔哩1、全...
黑科技免费(Wepoke ai... 黑科技免费(Wepoke ai代打)外挂透明挂辅助插件(智能ai)都是存在有挂(有挂总结)-哔哩哔哩...
黑科技脚本(WPK脚本)外挂透... 黑科技脚本(WPK脚本)外挂透明挂辅助科技(黑科技ai)果然真的是有挂(有挂分析)-哔哩哔哩WPK脚...