Angular 2排序和过滤

Question

在 Angularjs 1 中，可以通过以下方式进行排序和过滤:

<ul ng-repeat="friend in friends | filter:query | orderBy: 'name' ">
   <li>{{friend.name}}</li>
</ul>

但是我找不到任何关于如何在 Angularjs 2.0 中执行此操作的示例。我的问题是如何在 Angularjs 2.0 中进行排序和过滤？如果仍然不支持，有谁知道什么时候或是否会放入 Angularjs 2.0？

Answer 1

这不是开箱即用的，因为 Angular 团队希望 Angular 2 以最小化的方式运行。 OrderBy 耗尽了反射，它随着缩小而中断。查看Miško Heverey's response关于这件事。

我花时间创建了一个支持单维和多维数组的 OrderBy 管道。它还支持能够对多维数组的多列进行排序。

<li *ngFor="let person of people | orderBy : ['-lastName', 'age']">{{person.firstName}} {{person.lastName}}, {{person.age}}</li>

此管道确实允许在呈现页面后向数组添加更多项目，并且仍然使用新项目正确地对数组进行排序。

我有一个 write up on the process here .

这是一个工作演示:http://fuelinteractive.github.io/fuel-ui/#/pipe/orderby和 https://plnkr.co/edit/DHLVc0?p=info

编辑:向 http://fuelinteractive.github.io/fuel-ui/#/pipe/orderby 添加了新演示

编辑 2:将 ngFor 更新为新语法