这个问题通常是因为在使用Angular Material Table的排序功能时,未正确添加mat-sort-header指令或者在组件中未正确定义dataSource的问题导致的。
要解决这个问题,可以检查以下几个方面:
My Column
{{row.myColumn}}
import {Component} from '@angular/core';
import {MatTableDataSource} from '@angular/material/table';
import {MyData} from './my-data'; // 自己定义的数据类型
@Component({...})
export class MyComponent {
displayedColumns: string[] = ['myColumn', 'otherColumn'];
dataSource: MatTableDataSource = new MatTableDataSource();
// 提前获取数据并为dataSource赋值
getData(): void {
this.myService.getData().subscribe(data => {
this.dataSource.data = data; // data为MyData类型
});
}
}
export interface MyData {
myColumn: string;
otherColumn: string;
}
@Component({...})
export class MyComponent {
displayedColumns: string[] = ['myColumn', 'otherColumn'];
dataSource: MatTableDataSource = new MatTableDataSource(); // 将类型改为任何类型
getData(): void {
this.myService.getData().subscribe(data => {
this