过滤器（下）

简介

        上一节讲了5种过滤器，这一节我们把剩下的三种过滤器讲完，分别是orderBy，limitTo，filter。

过滤器

        orderBy：通过表达式对指定的数组进行排序。

        limitTo：根据传入参数生成一个新的数组或字符串，可接受负值。

        filter：根据传入的参数给定数组中选择一个子集，并生成一个新的数组 。               

例子

首先我们有个数组：items = [{name:"苹果",price:7999},{name:"三星",price:6568},{name:"黑莓",price:4000}]

<ul>

    <li ng-repeat="item in items">{{item.name}}--{{item.price}}</li>

</ul>

没有过滤器输出

1.orderBy：通过表达式对指定的数组进行排序

    <ul>

        <li ng-repeat="item in items | orderBy:'price'">{{item.name}}--{{item.price}}</li>

    </ul>

orderBy过滤器输出

跟正常输出对比orderBy按照价格生序输出，由此可见默认是生序（false）

<ul>

    <li ng-repeat="item in items | orderBy:'price':true">{{item.name}}--{{item.price}}</li>

</ul>

如果为true，那么会根据价格将序排列

2.limitTo：根据传入参数生成一个新的数组或字符串，可接受负值

<ul>

    <li ng-repeat="item in items | limitTo:2">{{item.name}}--{{item.price}}</li>

</ul>

limitTo过滤器输出

只输出了前两项，说明limitTo控制了返回对象个数，如果是-2，那么会返回倒数两个

3.filter：根据传入的参数给定数组中选择一个子集，并生成一个新的数组

<ul>

    <li ng-repeat="item in items | filter:'苹'"></li>

</ul>

filter过滤器输出

filter会根据字段检索出所有符合条件的内容。

---

                                                        不积跬步无以至千里,不积小流无以成江海