在角度2中按姓氏排序

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"

源：

角度 2 按管道订购

官方文档：

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);
    })