一。表达式中添加过滤器
过滤器可以通过一个管道字符（|）和一个过滤器添加到表达式中。
- uppercase 过滤器将字符串格式化为大写：
1
| <p>姓名为 {{ lastName | uppercase }}</p>
|
- lowercase 过滤器将字符串格式化为小写：
1
| <p>姓名为 {{ lastName | lowercase }}</p>
|
- currency 过滤器将数字格式化为货币格式：
1
| <p>总价 = {{ (quantity * price) | currency }}</p>
|
二。向指令添加过滤器
- orderBy 过滤器根据表达式排列数组：
1
| <li ng-repeat="x in names | orderBy:'country'">
|
- filter 过滤器从数组中选择一个子集：
1
2
3
4
5
6
7
8
9
10
11
12
13
| $scope.names = [
{'name':'jack','country':'china','sex':'man'},
{'name':'nick','country':'austrilear','sex':'woman'},
{'name':'rose','country':'rouma','sex':'man'}
];
})
<p><input type="text" ng-model="test"></p>
<ul>
<li ng-repeat="x in names | filter:test | orderBy:'country'">
{{ (x.name | uppercase) + ', ' + x.country }}
</li>
</ul>
|
###limitTo过滤器：用来控制显示在页面的数量
ng-repeat:v in data | limitTo:15
###angularJS中的ng-bind-html指令和$sce服务
把$sce封装成一个过滤器就可以在模板上随时调用了
app.filter(‘to_trusted’, [‘$sce’, function ($sce) {
return function (text) {
return $sce.trustAsHtml(text);
};
其中$sce是angularJS自带的安全处理模块，防止xss攻击（恶意插入html代码截取信息），$sce.trustAsHtml(input)方法便是将数据内容以html的形式进行解析并返回。将此过滤器添加到ng-bind-html所绑定的数据中，便实现了在数据加载时对于html标签的自动转义。