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,这将重置表格的排序状态。

相关内容

热门资讯

德扑之星有猫腻!好运大菠萝有辅... 德扑之星有猫腻!好运大菠萝有辅助吗(透视)一直真的有挂(详细辅助透明挂教程);德扑之星有猫腻!好运大...
德扑之星有作弊!wepoke有... 德扑之星有作弊!wepoke有机器人吗(透视)真是是真的有挂(详细辅助2025教程)1、许多玩家不知...
微扑克全自动机器人!wepok... 微扑克全自动机器人!wepoke最新下载地址(透视)本来真的是有挂(详细辅助揭秘教程);微扑克全自动...
智星德州菠萝!wepoke保险... 智星德州菠萝!wepoke保险(透视)好像真的是有挂(详细辅助软件教程)1)智星德州菠萝辅助挂:进一...
aapoker透视辅助!wop... aapoker透视辅助!wopoker游戏辅助器(透视)起初真的有挂(详细辅助2025新版教程)1)...
微扑克ai辅助工具!wpk德州... 微扑克ai辅助工具!wpk德州辅助器(透视)一贯是有挂(详细辅助插件教程)1、这是跨平台的微扑克ai...
微扑克系统发牌规律!wpk有长... 微扑克系统发牌规律!wpk有长期盈利玩家吗(透视)一贯存在有挂(详细辅助第三方教程)1)微扑克系统发...
wepoke辅助挂!红龙扑克是... wepoke辅助挂!红龙扑克是真正规的吗(透视)切实真的是有挂(详细辅助透视教程);致您一封信;亲爱...
wepoke真的有挂!扑克之城... wepoke真的有挂!扑克之城怎么那么假(透视)最初存在有挂(详细辅助2025新版总结)1、wepo...
德扑数据软件!wepoke智能... 德扑数据软件!wepoke智能ai(透视)切实真的有挂(详细辅助2025新版教程);是一款可以让一直...