在我的 Ionic 应用程序中使用 angular-filter groupBy 时出现未知提供程序错误

Question

这是我的html页面的代码：

<div ng-repeat="(key, value)  in list.arrayofStuff | orderBy: 'order' |  groupBy: 'code' ">

在 Index.html 中我已经导入了 angular-filter：

<script src="lib/angular-filter/dist/angular-filter.js"></script>

但由于某种原因，我收到了这个错误。

ionic.bundle.js:26794 错误：[$injector:unpr] 未知提供者： groupByFilterProvider

我是否也必须将角度过滤器注入到我的控制器中？ 我正在使用 Ionic 1。不胜感激。谢谢。

Answer 1

您必须在您的应用依赖项中包含 angular-filter 模块。

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

来源Here

Answer 2

在 AngularJS 中，您不会通过在其中包含脚本标签来导入过滤器。查看this blog post 或the AngularJS docs for setting up a custom filter。

在创建过滤器时，您首先会获得对应用模块的引用，然后您可以使用 .filter 方法关闭它。在此处指定您的模块名称是使用 AngularJS“注册”您的过滤器的内容。

angular.module('MyAppModule')
.filter('filterName', function() {
  return function(input, uppercase) {
    return input;
  };
})

然后在您的控制器中，您可以像这样使用过滤器：

.controller('MyController', ['$scope', 'filterName', function($scope, filterName) {
  $scope.greeting = 'hello';
  $scope.filteredGreeting = filterName($scope.greeting);

}]);

或在 html 中：

{{ expression | filter }}

听起来您可能正在使用外部模块。如果您团队中的其他开发人员（或不在您的团队中）给了您一个模块并且没有使用 MyAppModule（或任何您的模块名称），那么您将需要导入该模块。您可以查看AngularJS docs on Modules 了解更多信息，但基本上您在首次创建项目模块时在数组中声明另一个开发模块：

var app = angular.module("MyAppModule", ["otherDevsModule"]);