要在Angular中使用Material表格并显示数据,需要进行以下步骤:
import { MatTableModule } from '@angular/material/table';
并将MatTableModule添加到@NgModule的imports数组中:
imports: [
// ...
MatTableModule
],
Name
{{element.name}}
Age
{{element.age}}
import { Component, OnInit } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
@Component({
// ...
})
export class YourComponent implements OnInit {
dataSource: MatTableDataSource;
displayedColumns: string[] = ['name', 'age'];
ngOnInit() {
// 获取数据并设置数据源
this.dataSource = new MatTableDataSource(yourDataArray);
}
}
确保将yourDataArray替换为您的实际数据数组。
这样,您的Angular应用程序中的Material表格应该可以正确显示数据。如果仍然无法显示数据,您可以根据您的具体情况进行调试和排查错误。