$filter $watch

可以使用AngularJS内置过滤器，或自己创建过滤器。

调用方式两种：

1) Dom

{{}}内部,加 | 符号。

2) controller

注入$filter service，如$scope.name = $filter('lowercase')('Ari');

栗子：

{{ 123.456789 | number:2 }}  //123.46

 

<input class="" ng-model="nameMod" placeholder="--输入名称--">

 

    <tr ng-repeat = "tp in infoList | filter:nameMod">

        <td>{{tp.name | uppercase}}</td>

        <td>{{tp.age | currency }}</td>  

        <td>{{tp.job}}</td>

        <td>{{tp.hobby}}</td>

        <!--| currency-->

    </tr>

 

Input name时候，会在模型中过滤所输入字符。这样就在前台实现一个简单的模糊查询功能。

 

日期过滤：

{{ today | date:'medium' }} <!-- Aug 09, 2013 12:09:02 PM -->

{{ today | date:'short' }} <!-- 8/9/1312:09PM -->

{{ today | date:'fullDate' }} <!-- Thursday, August 09, 2013 -->

{{ today | date:'longDate' }} <!-- August 09, 2013 -->

{{ today | date:'mediumDate' }}<!-- Aug 09, 2013 -->

{{ today | date:'shortDate' }} <!-- 8/9/13 -->

{{ today | date:'mediumTime' }}<!-- 12:09:02 PM -->

{{ today | date:'shortTime' }} <!-- 12:09 PM -->

 

filter过滤器：可以从给定数组中选择一个子集，并将其生成一个新数组返回.参数可以是字符串，对象（json）,或者ng-repeat里面每次对数组内容进行操作的函数。

json过滤器： 将json对象/js对象，转为字符串。

{{ {'name': 'Ari', 'City': 'SanFrancisco'} | json }}