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>

 

posted @ 2017-05-16 20:50  SLOP  阅读(354)  评论(0编辑  收藏  举报