关于angular $filter,自定义函数过滤和自定义过滤器的传值问题

关于$filter的自定义过滤器。要是定义在moduler内部使用自定义函数的方式,那么传入该函数的是object。要是定义成filter的话,则传入filter的则是array。

<div ng-app="myApp" ng-controller="namesCtrl">
  <ul>
    <li ng-repeat="x in names | filter:myFilter1"> 
    <!-- 传入object -->
      {{x}}
    </li>
  </ul> 
 <ul>
    <li ng-repeat="x in names | myFilter2">
    <!-- 传入array -->
      {{x}}
    </li>
  </ul>
</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope,$filter) {
    $scope.index = 2;
    $scope.size = 3;
    $scope.names = [
        {name:'11'},
        {name:'22'},
        {name:'33'},
        {name:'44'},
        {name:'55'},
        {name:'66'},
        {name:'77'}
    ];

    $scope.myFilter1 = function(data){
      console.log(data);
      }
    }
}).filter('myFilter2',function($filter){
  return function(data){
    console.log(data);   
  }
});

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • 监听器(listener) 监听器简介 :监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个...
    奋斗的老王阅读 7,323评论 0 53
  • 转载文章 angularjs 过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回...
    飞将军阅读 3,723评论 0 2
  • PHP常用函数大全 usleep() 函数延迟代码执行若干微秒。 unpack() 函数从二进制字符串对数据进行解...
    上街买菜丶迷倒老太阅读 5,186评论 0 20
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,556评论 0 3