Angular material 未设置默认排序角垫表箭头

Angular material 未设置默认排序角垫表箭头,angular-material,Angular Material,我试图让我的物料表在第一次加载时对列进行排序,并将标题箭头设置为显示它已排序。我将以下内容添加到我的表中,以在加载时默认对表进行排序: <table matSort matSortActive="name" matSortStart="asc" matSortDisableClear> 这似乎有效,数据已排序,但标题箭头不反映排序。在设置数据源的排序器之前,可以定义默认排序 ngOnInit() { this.dataSource.paginator = this.pa

我试图让我的物料表在第一次加载时对列进行排序,并将标题箭头设置为显示它已排序。我将以下内容添加到我的表中,以在加载时默认对表进行排序:

<table matSort matSortActive="name" matSortStart="asc" matSortDisableClear>


这似乎有效,数据已排序,但标题箭头不反映排序。

在设置数据源的排序器之前,可以定义默认排序

ngOnInit() {
    this.dataSource.paginator = this.paginator;
    this.sort.sort(({ id: 'name', start: 'asc'}) as MatSortable);
    this.dataSource.sort = this.sort;
}

一些已知的问题是没有显示mat排序箭头。
有一个问题虽然与您的问题不完全相同,但它提供了一个有效的编程解决方案:
这是唯一对我有效的解决办法。

有关具体代码,请参见以下答案:

它对我有效。设置箭头花了我一点时间,因为在我的例子中,我将此代码放在ngAfterViewInit()上。由于某种原因,它不起作用。将其移动到ngInit()立即开始工作。Thnx