angular - 在 Angular Material MatSortable 中禁用第三种状态

Question

MatSortable 的排序方向有三种状态。有没有办法禁用第三种状态？它有 'asc' | 'desc' | '' , id 喜欢只有 'asc' | 'desc'可用的。我目前正在过滤排序方向，但我想知道从用户的 Angular 来看这是否足够直观，即使标题确实显示了当前排序方向的箭头(见下图)。

material.angular.io

mat-table

Oninit 生命周期 Hook 我正在设置排序默认值，认为将 disableClear 设置为 true 可以解决此问题，但不行。任何帮助表示赞赏!

defaultSort: MatSortable = {
  id: 'displayName',
  start: 'asc',
  /**
   * Whether to disable the user from clearing the sort by finishing the sort direction cycle.
   * May be overriden by the MatSortable's disable clear input.
   */
  disableClear: True
};

ngOnInit() {
  this.sort.sort(this.defaultSort);

  this.sort.sortChange.pipe(
    filter(sort => !!sort.direction),
    switchMap(sort => {
      // makes API request only with an actual direction.
    })
  );
}

无排序方向:


带有排序方向:

Answer 1

我对您的代码有点不清楚，但它与此类似:

你的组件上有这个
@ViewChild(MatSort) sort: MatSort;
和

  ngOnInit() {
    ....
    this.dataSource.sort = this.sort;
  }

在定义排序后添加这一行

this.sort.disableClear = true;

Example Stackblitz