2017-09-19 42 views
-1

我是新角度,我需要使用angular.filter的groupBy过滤器,但我不知道如何包含它。我遵循这里指定的前两个步骤:https://github.com/a8m/angular-filter#groupby,但不能执行第三步,即将'angular.filter'添加到主模块的依赖关系列表中。angular.filter的groupBy过滤器:未知提供者:groupByFilterProvider < - groupByFilter错误

这是我想使用它的HTML文件:

<div> 
<table style="border-collapse: collapse"> 

    <thead> 
     <tr align="center" style="outline: thin solid black"> 
      <th style="text-align: center">Review ID</th> 
      <th style="text-align: center">Reported Count</th> 
      <th style="text-align: center">Type of Review</th> 
      <th style="text-align: center">Link to review</th> 
      <th style="text-align: center">Expand/Collapse</th> 
     </tr> 
    </thead> 

    <tbody ng-repeat="(key, value) in data | groupBy: 'ResourceId'"> 

     <tr> 
      <td>{{key}}</td> 
      <td>{{value.length}}</td> 
      <td>type goes here</td> 
      <td>view</td> 
      <td>expand</td> 
     </tr> 
    </tbody> 
</table> 

</div> 

错误:[$injector:unpr] Unknown provider: groupByFilterProvider <- groupByFilter

JS文件如下:

var admin = angular.module('admin', ['ngRoute']); 
var delayTimer; 

admin.config([ 
    '$routeProvider', 
    '$locationProvider', 
    function($routeProvider, $locationProvider) { 
     $routeProvider 
     .when('/reported', { 
     templateUrl: 'view/reported_reviews.html', 
     controller: 'reportedController' 
     }) 
    } 
]); 

回答

2

您需要添加角过滤器作为依赖和参考

var admin = angular.module('admin', ['ngRoute','angular.filter']); 

参考

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.16/angular-filter.js" > </script> 
+0

我下面你的答案后,收到这些错误[$注射器:modulerr]未能实例化模块管理,因为: 错误:[$注射器:modulerr]未能实例由于模块angular.filter: 错误:[$ injector:nomod]模块'angular.filter'不可用!您拼错了模块名称或忘记加载模块名称。如果注册模块确保您指定依赖关系作为第二个参数。 –

+0

你能解决它吗? – Sajeetharan

+0

是的,谢谢非常。 –

0

首先,你应该从文件中读取(学习)的全部细节,如果你这样做,那么很容易就可以解决这个问题。

您是否在该文档中阅读过这些内容?

enter image description here

相关问题