如何使用angular2

Question

我在应用程序中使用了延迟加载，并且我也想使用项目的排序。 如果我不使用延迟加载，则可以正常工作，但是我希望应用程序在延迟加载和排序中均能正常工作。谁能帮我解决这个问题。

演示：

https://stackblitz.com/edit/angular-ya2md7?file=src%2Fapp%2Fapp.component.html

Answer 1

您不能对不存在的元素进行排序。要么加载所有内容，然后进行排序然后显示，或者让您的后端提供经过排序和分页的数据以进行延迟加载。

这就是它通常的工作方式（字母选项）

Answer 2

由网格触发的 LazyLoadEvent （启用分页功能时）保留所请求列的属性，以作为排序依据。只要将 pSortableColumn 属性添加到 th 标签。

我认为Direction属性也存在，值为-1或+1。因此，您可以将这些值作为LazyLoadEvent处理程序的一部分，并将其传递给后端（您只需将事件中获得的内容解释为后端所需的内容）。我必须将-1转换为降序的“ DESC”。