angular的过滤器

标签：json   sea   control   orderby   span   $scope   result   写法   func   

　　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>

angular的过滤器

标签：json   sea   control   orderby   span   $scope   result   写法   func   

原文地址：http://www.cnblogs.com/slpo007/p/6863589.html