AngularMaterial表格排序箭头无法重置回初始状态。
创始人
2024-10-28 08:01:40
0

可以在 ngOnDestroy 生命周期中手动重置表格排序状态。首先,引入排序组件的 ViewChild,如下所示:

import { MatSort } from '@angular/material/sort';
import { MatTableDataSource } from '@angular/material/table';
import { ViewChild } from '@angular/core';

export class MyComponent implements OnInit, OnDestroy {
  @ViewChild(MatSort, { static: true }) sort: MatSort;

  dataSource = new MatTableDataSource();
  sortedData;

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

  ngOnDestroy() {
    this.dataSource.sort = null;
  }
}

在 ngOnDestroy 生命周期中,将表格的 sort 属性设置为 null,这将重置表格的排序状态。

相关内容

热门资讯

透视总结!德普之星透视软件免费... 透视总结!德普之星透视软件免费入口官网,德普之星私人局透视(透视)一直真的有脚本挂(哔哩哔哩)1)德...
透视演示!德普之星私人局透视,... 透视演示!德普之星私人局透视,德普之星透视辅助软件是真的吗(透视)一贯真的有脚本插件(哔哩哔哩)1、...
透视方式!pokemmo脚本最... 透视方式!pokemmo脚本最新版,哈糖大菠萝万能挂(透视)都是是有透视软件(哔哩哔哩)哈糖大菠萝万...
透视手筋!wpk透视辅助下载,... 透视手筋!wpk透视辅助下载,wpk透视辅助(透视)确实真的是有脚本挂(哔哩哔哩)1、每一步都需要思...
透视烘培!werplan脚本,... 透视烘培!werplan脚本,菠萝德州透视脚本(透视)一直有脚本器(哔哩哔哩)菠萝德州透视脚本能透视...
透视指引!哈糖大菠萝怎么挂,佛... 透视指引!哈糖大菠萝怎么挂,佛手在线大菠萝为什么都输(透视)一直是有脚本挂(哔哩哔哩)1、完成佛手在...
透视绝活!aapoker怎么开... 透视绝活!aapoker怎么开辅助器,aapoker透视脚本入口(透视)一直真的有脚本软件(哔哩哔哩...
透视方式!菠萝辅助器免费版的功... 透视方式!菠萝辅助器免费版的功能介绍,约局吧开挂(透视)切实真的有脚本工具(哔哩哔哩)所有人都在同一...
透视技法!aapoker免费透... 透视技法!aapoker免费透视脚本,aapoker插件下载(透视)真是有脚本神器(哔哩哔哩)透视技...
透视大纲!hhpoker必备开... 透视大纲!hhpoker必备开挂,hhpoker作必弊码怎么用(透视)原来是有脚本教程(哔哩哔哩)1...