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 } ];

相关内容

热门资讯

透视最新!wepoker私人局... 透视最新!wepoker私人局俱乐部辅助,wepoker怎么下载游戏(详细开挂)1)wepoker私...
透视免费!aapoker辅助器... 透视免费!aapoker辅助器怎么用(透视)aapoker辅助软件合法吗,力荐教程(有挂插件)1、点...
透视好牌!wejoker内置辅... 透视好牌!wejoker内置辅助,we-poker软件(详细网页版透视方法)亲,关键说明,wejok...
透视好友房!aapoker透视... 透视好友房!aapoker透视怎么用(透视)aapoker透视插件,透视教程(有挂解密);aapok...
透视辅助!wepoker怎么设... 透视辅助!wepoker怎么设置盖牌,wepoker辅助器最新版本更新内容(详细俱乐部辅助器)1)w...
透视中牌率!aapoker辅助... 透视中牌率!aapoker辅助怎么用(透视)aapoker ai插件,力荐教程(有挂技巧)1、aap...
透视肯定!wepoker提高好... 透视肯定!wepoker提高好牌率,wepoker辅助软件价格(详细破解游戏盒子)1)wepoker...
透视透视!aapoker透视怎... 透视透视!aapoker透视怎么用(透视)aapoker透视怎么用,教你教程(有挂详情)1、实时aa...
透视讲解!wepoker祈福有... 透视讲解!wepoker祈福有用吗,wejoker免费脚本(详细可以看牌型)1、首先打开wepoke...
透视游戏!aapoker怎么提... 透视游戏!aapoker怎么提高中牌率(透视)aapoker脚本,必备教程(有挂介绍);1、下载好a...