AngularJs 过滤和过滤器

对于纯粹的过滤输出,可以直接在输出表达式添加“管道”字符。

例:<p>{{x | uppercase}}</p>

angularjs提供了以下几种默认的过滤器:

1.uppercase:跟js的toUpperCase方法一样,将输出的结果转化成大写然后输出

2.lowercase:跟js的toLowerCase方法一样,将输出的结果转化成小写然后输出

3.currency:将数字结果格式化成货币格式

4.orderBy:通常用于对象的排序,和表达式一同为数组排列

用例:

<div ng-app=“filterApp” ng-controller=“fiterCtrl”>

<p ng-repeat=“x in names | orderBy:id”></p>

<script>

var app = angular.module(“filterApp”,[]);

app.controller(“filterCtrl”,function($scope){

$scope.pepole= [{id:”101”,name:”xzh”},{id:”102”,name:”lover”}]

});

</script>

根据id的数字先后顺序输出xzh和lover两个对象

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容