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

Question

我正在尝试以角度对我的表实现排序功能，并且我的其余 api 中的所有数据都显示在表中。但是我遇到的问题是，当我单击箭头时，表中的数据没有排序。我的数据来自其他 ts 文件中的一个方法，女巫从 rest api 获取数据

我已经尝试过这个链接，但它不起作用

角度材料表排序 - 在 *ngIf 条件内时数据不排序

排序不工作的角材料设计表

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

标签： htmlangulartypescript

Answer 1

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

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

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