我有5列的角material 表.我知道我可以将Active属性设置为任何列,但有没有办法在开始时按降序对所有列进行排序,而对活动列按升序进行排序?

我试过这个:

@ViewChild(MatSort)排序:MatSort;

<table matSort matSortActive="orderColumn">

this.dataSource.sort = this.sort;

const sortState: Sort = {active: 'orderColumn', direction: 'desc'};
this.sort.active = sortState.active;
this.sort.direction = 'desc';
this.sort.sortChange.emit(sortState);

根据我在这里找到的答案:Default sorting in Angular Material - Sort header

但这并不奏效.

谢谢!

推荐答案

在单击当前不活动的MAT-SORT-HEADER时,它最终会在所单击的MAT-SORT-HEADER上调用_set动画过渡状态({from mState:‘’,toState:‘active’}).

但是,当以编程方式调用matSort.ort({...})时,应该激活的mat-sorte-Header不会触发_setAnimation tionState().

我怀疑_rerenderSubcription()函数可能有问题.

多亏了Adgoncal,我在他的堆叠闪电战中找到了一个可行的解决方案. https://stackblitz.com/edit/angular-vuvckf?file=app%2Ftable-overview-example.ts

Javascript相关问答推荐

使用JavaScript在ionic Web应用程序中更新.pane和.view的背景 colored颜色

使用axios.获取实时服务器时的404响应

传递一个大对象以在Express布局中呈现

如何使用JavaScript将文本插入空div

如何在输入元素中附加一个属性为checkbox?

用JS从平面文件构建树形 struct 的JSON

如何在Svelte中从一个codec函数中调用error()?

查询参数中的JAVASCRIPT/REACT中的括号

使用Ace编辑器对子组件实例的native-element 进行Angular 获取时面临的问题

未捕获的运行时错误:调度程序为空

为什么在函数中添加粒子的速率大于删除粒子的速率?

按什么顺序接收`storage`事件?

删除元素属性或样式属性的首选方法

使用自动识别发出信号(&Q)

在不扭曲纹理的情况下在顶点着色器中旋转UV

使用可配置项目创建网格

用Reaction-RT-Chart创建实时条形图

暂停后只有一次旋转JS

如何在单击Search按钮时更新Reaction组件?

如何将缓冲区数组转换回音频