$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 }}

最痛苦时候不要忘记信仰,最幸福时候不要忘记坎坷!
原文地址:https://www.cnblogs.com/oneMTime/p/4546980.html