javascript - 如何在 *NgFor 列表中按名称对数据进行排序？

Question

我正在使用 Angular 6 开发一个新项目。

我有一个带有 *NgFor 的学生列表:

(html)

<tr *ngFor="let kk of Repdata | filterdata: queryString : 'name' ; let ind = index">

    <td>{{ind + 1}}</td>
    <td>{{kk.name}}</td>
    <td>{{kk.prenom}}</td>

(过滤数据用于搜索栏)

typescript :

GetUser(){
   return this.http.get('http://localhost:8080/api/getUser/')
           .map((response: Response) => response.json())
}

javascript:

app.get("/api/getUser",function(req,res){
    model.find({},function(err,data){
              if(err){
                  res.send(err);
              }
              else{
                  res.send(data);
                  }
          });
  })

在我的表中，我的数据按 ID 排序，但我想按名称排序。我不知道怎么办。

Answer 1

如果您只想在数据库之外按名称对数据进行排序，您可以使用 sort() 函数，如此处所述 Sort array by firstname (alphabetically) in Javascript

您还可以使用 mongodb 提供的 Sort 函数，因为看起来您正在使用 mongoose。 https://docs.mongodb.com/manual/reference/method/cursor.sort/

如果您只想在 Angular View 中对其进行排序，您可以使用自定义排序管道，如下所述:Angular 2 OrderBy Pipe

编辑:

您不应该使用管道进行过滤/排序，因为它们的性能非常差，如下所述:https://angular.io/guide/pipes#appendix-no-filterpipe-or-orderbypipe