在angular2中按姓氏排序

Question

我想按其姓氏对联系人列表进行排序，并在每个字母下使用姓名列表。它可以在 jquery 和 angular-1 中轻松完成，但是如何在 Angular2/Ionic V2 中实现逻辑？

Answer 1

创建一个管道，并根据您需要的值进行排序。

查看此示例：

import { Pipe } from "angular2/core";
import {Todo} from './todo';

@Pipe({
  name: "sort"
})
export class TodosSortPipe {
  transform(array: Array<Todo>, args: string): Array<Todo> {
    // Do YOUR LOGIC HERE, like this code below

    array.sort((a: any, b: any) => {
      if (a < b) {
        return -1;
      } else if (a > b) {
        return 1;
      } else {
        return 0;
      }
    });
    return array;
  }
}

然后像这样使用它：

*ngFor="let item of array | sort"

来源：

Angular 2 OrderBy Pipe

官方文档：

https://angular.io/docs/ts/latest/guide/pipes.html

Answer 2

所以你可以这样做我已经在我的应用程序中完成了这个来组织联系人列表。代码中的“数据”是联系人列表。然后“a.last_name”是根据您设置联系人列表对象的方式访问姓氏类别的方式。希望对您有所帮助，这将使订购后的数据对象。

  data.sort(function (a, b) {
        return a.last_name.localeCompare(b.last_name);
    })