渲染/创建时如何对角度材料设计表进行排序

Question

我成功地为我的角度材料设计表应用了排序机制，但我缺少的是当我加载页面时表会自行排序。当我单击要排序的列的列标题但在启动时不起作用时，它可以工作。我能找到的唯一解决方案是 (matSortChange) 但我不想定义排序函数，因为显然 angular 知道排序函数，但只是在创建表时不应用它。我可能面临的一个问题是我将 dataSource 创建为空，因为我在 ngOnInit() 函数中添加了数据。

我也尝试了 matSortActive="name" matSortDirection="desc" 并且箭头在那里但它没有排序，可能是因为在更改数字之前我的开头只有 0。但我不知道我怎么能推迟这个。

问候

Answer 1

只是在对数据源进行排序：

ngAfterViewInit() {
    this.sort.active="name";
    this.sort.direction="asc"
    this.dataSource.sort = this.sort;
}

见stackblitz