2017-09-19 8 views
-1

私は角度が新しく、angular.filterのgroupByフィルタを使用する必要がありますが、どのように含めるべきかわかりません。私はここで指定された最初の2つのステップ、すなわちhttps://github.com/a8m/angular-filter#groupbyに従っていますが、3番目のステップ、すなわち、 'angular.filter'をメインモジュールの依存関係リストに追加することはできません。angular.filter's 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'は利用できません!モジュール名のスペルが間違っているか、モジュール名を読み込めませんでした。モジュールを登録する場合は、依存関係を2番目の引数として指定するようにしてください。 –

+0

あなたはそれを修正できましたか? – Sajeetharan

+0

はい、ありがとうございます。 –

0

まず、あなたは、あなたがこれを行う場合は、簡単にあなたがそれを解決することができ、文書の詳細を読む(学ぶ)必要があります。

この文書でこれを読んでいますか?

enter image description here

関連する問題