角表排序-显示数据但不排序

时间:2019-03-31 23:10:52

标签: html angular typescript

我正在尝试对我的表以角度进行排序,并且我的其余api中的所有数据都会显示在表中。但是我遇到的问题是,当我单击箭头时,表中的数据没有排序。我的数据来自其他ts文件中的某个方法,而来自其他api的数据

我尝试过的是该链接,但不起作用

Angular Material Table Sorting - Data Doesn't sort when inside a *ngIf condition

Sorting Not Working Angular Material Design Table

https://material.angular.io/components/table/overview#sorting

我在上传代码时遇到了一些问题

这是我的控制器代码,是从rest api获取代码的方法:https://imgur.com/a/qX2AcNJ

这是我的代码,应从控制器获取数据并以html显示:https://imgur.com/a/OR0SQvH

这是html文件:https://imgur.com/a/q4FJmuK

1 个答案:

答案 0 :(得分:0)

您的表缺少有关如何进行排序的说明。您应该将以下内容添加到表格元素中。

<table ... (matSortChange)="sortData($event)">

然后,您需要将 sortData 方法添加到ListComponent。可以在https://material.angular.io/components/sort/examples上找到详细的示例。