Angularjs和过滤器返回JS错误

时间:2014-08-26 08:53:11

标签: angularjs

我在使用角度种子框架为过滤器工作时遇到问题,它适用于服务和指令,但返回一个" FilterProvider"我连接过滤器时出错。

我真的不知道我哪里出错了?我已经设置了JSFiddle here ->

<div ng:app="myApp">
 <div ng-controller="myCtrl">
  <div ng-repeat="item in items  | {filter : notZero}">
   <strong>{{item.title}}</strong> {{item.qty}}
  </div>
 </div>
</div>

使用我的控制器和过滤器,如下所示:

angular.module('myApp', [
  'myApp.controllers',
  'myApp.filters'
]);

angular.module('myApp.filters', [])
  .filter('notZero', function() {
     return function( items, condition) {
      console.log( items, condition);

    };
  })

angular.module('myApp.controllers', [])
  .controller('myCtrl', function($scope) {
    $scope.items = [  
   {  
      "title":"40cm",
      "qty":3
   },
   {  
      "title":"55cm",
      "qty":2
   },
   {  
      "title":"60cm",
      "qty":0
   },
   {  
      "title":"70cm",
      "qty":4
   }
];
  });

1 个答案:

答案 0 :(得分:0)

这是您调用自定义过滤器的方式:

<div ng:app="myApp">
 <div ng-controller="myCtrl">
  <div ng-repeat="item in items | notZero">
   <strong>{{item.title}}</strong> {{item.qty}}
  </div>
 </div>
</div>

jsfiddle