要使用Angular Material表格并根据数据源应用类,可以按照以下步骤进行操作:
ng add @angular/material
import { MatTableDataSource } from '@angular/material/table';
import { ViewChild } from '@angular/core';
import { MatSort } from '@angular/material/sort';
import { MatPaginator } from '@angular/material/paginator';
dataSource: MatTableDataSource;
displayedColumns: string[] = ['column1', 'column2', 'column3'];
列1
{{ element.column1 }}
列2
{{ element.column2 }}
列3
{{ element.column3 }}
@ViewChild(MatSort) sort: MatSort;
@ViewChild(MatPaginator) paginator: MatPaginator;
ngOnInit() {
this.dataSource = new MatTableDataSource(yourDataArray); // 替换yourDataArray为实际的数据源
this.dataSource.sort = this.sort;
this.dataSource.paginator = this.paginator;
}
这样,您就可以使用Angular Material表格,并且可以根据数据源应用类了。请确保将代码中的yourDataArray替换为实际的数据源。