可以使用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 }}