angular的过滤器
angular的过滤器分为页面过滤器和js过滤器
一、页面过滤器
先创建好模板和控制器使数据正常显示,然后在body的html属性中添加过滤器。比如currency和data
{{money | currency:'¥'}}
{{myData | data}}
{{myJson |json:8}}冒号后面代表缩进的长度
二、js过滤器$filter
这种过滤器是js控制器的一个属性,具体写法如下
首先创建一个控制器
myApp.controller('myCon',[$scope.$filter,function($scope,$filter){
$scope.money=9998;
$scope.result=$filter('currency')($scope.money,'¥')
}])
三、两个数组 的操作
orderBy和limitTo
orderBy:'+'/'-' +表示从小到大 -表示从大到小 也是属于页面操作
{{item in arr|orderBy:'+'}}
注意这里的orderBy是对数组的操作,不能单个对item操作
linmiTo:5:2 第一个参数是表示显示几个数字,第二个参数是表示从第几个数字开始显示
{{msg|limiTo:5:2}}
表示从第二个数字开始显示5个数字
四、filter过滤器
个人感觉filter是一个自定义的模糊过滤器
<input type="text" ng-model="search"> <ul> <li ng-repeat="item in todos | filter : {completed:search} "> {{item.name}},{{item.completed}} </li> </ul>