码迷,mamicode.com
首页 > 其他好文 > 详细

angular的过滤器

时间:2017-05-16 21:32:53      阅读:208      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!