时间戳

首页 > 解决方案 > 角度材料分页和排序问题

angular - 角度材料分页和排序问题

问题描述

我一直在寻找解决此问题的方法，但不幸的是无法使其工作。我按照官方的角度材料指南编写了以下代码，该代码应该支持材料表的分页和排序：

export class RecentAnnouncementsComponent implements OnInit, AfterViewInit {

  displayedColumns: string[] = ['created_utc', 'name', 'title'];
  dataSource = new MatTableDataSource<any>();
  items: ItemData[] = [];

  constructor(private firebaseService: FirebaseService) { }

  @ViewChild(MatPaginator) paginator: MatPaginator;
  @ViewChild(MatSort) sort: MatSort;

  ngOnInit(): void {
    
  }

  ngAfterViewInit() {
    this.firebaseService.getItems().subscribe(result => {
      this.items = result;
      this.dataSource.data = this.items;
      this.dataSource.sort = this.sort;
      this.dataSource.paginator = this.paginator;
    });
  }
}

以下错误仍然存​​在：

属性“分页器”没有初始值设定项，也没有在构造函数中明确分配。

我试图根据这些答案修改代码，但没有任何效果。最多，我摆脱了错误，但分页和排序按钮并没有影响表格项目。

我将非常感谢您提出解决此问题的建议。

标签： angularangular-material

解决方案

推荐阅读