javascript - AngularJS 做了一个简单的分组

Question

我在 AngularJS 中使用 group by 时遇到问题。这是我的代码:

 <div class="ibox float-e-margins collapsed">
     <div ng-repeat="(key, value) in costList | groupBy: 'Month'">
            {{group}}
          <ul>
             <li ng-repeat="costList in value">

             </li>
           </ul>
      </div>
</div>

当我输入 | 时groupBy: 'Month' 在代码中显示错误:

Error: [$injector:unpr] http://errors.angularjs.org/1.6.6/$injector/unpr?p0=groupByFilterProvider%20%3C-%20groupByFilter
at angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:14
at angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:53
at Object.d [as get] (angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:50)
at angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:53
at Object.d [as get] (angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:50)
at angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:173
at V (angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:134)
at angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:132
at p (angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:15)
at V (angularjs?v=3IGOL90Rnusy-QTWOoBPXNF6utfbZEM46kAny3Khxb81:132) "<!-- ngRepeat: (key, value) in costList | groupBy: '[Month]' -->"

我假设我缺少一些依赖项，但我不知道缺少哪个文件。

js文件如下，

var app = angular.module('BusinessTripBudget', ['angular.filter']);
   app.controller('Budget', ["$scope", "$http", "$window", "$compile", "$q", 
     function ($scope, $http, $window, $compile, $q) {

        //Here I put the code that retrieves data

   }]);

我正在使用 AngularJS v1.6.6

这是我的脚本顺序:

            jquery-ui.min.js
            angular.min.js
            MyCustomJS.js

Answer 1

错误表明 Angular 过滤器模块丢失

请按照以下步骤操作
在包含 Angular 本身之后，在 index.html 中包含 angular-filter.js(或 angular-filter.min.js)。

将“angular.filter”添加到主模块的依赖项列表中。

按照步骤添加 https://github.com/a8m/angular-filter 中的依赖项