$filter 不是一个函数 AngularJS

Question

app.controller('myController', ['$scope', '$http', '$filter', function($scope, $http, $filter) {

以上是我尝试在controller 中使用$http.get 和$filter 的代码示例。

唯一的问题是当我这样使用它时，控制台日志会抛出一个错误，上面写着$filter is not a function。

app.controller('myController', ['$scope', '$http', '$filter', function($scope, $filter, $http) {

当我交换它们时，它会抛出一个错误，$http is undefined

Answer 1

在我的情况下，通过确保预期的列表对象不为空，预期的数据列表对象为空。我能够避免这个错误。

Answer 2

在 http 和 angular 版本之后添加过滤器也可以保护你的状态 将使用过滤器。

     plateFormController.$inject = ['$scope', '$http',
    '$filter','$timeout', '$q', '$mdSidenav', '$log'];



function plateFormController($scope, $http,$filter, $timeout, $q) {
          jsonByName=$filter('filter')($scope.json, { name: 'a' });
        }

Answer 3

使用时

app.controller('myController', ['$scope', '$http', '$filter', function($scope, $filter, $http) {

变量$filter实际上是$http的实例，$http是$filter的实例。其实function(...)params里写什么并不重要。

这里重要的是您使用的注射剂的顺序，例如

app.controller('myController', ['$scope', '$http', '$filter', function(a, b, c) {

将映射到实例：

• a -> 范围
• b -> $http
• c -> $过滤器

来自角度文档：

由于 Angular 从参数名称推断控制器的依赖关系到控制器的构造函数，如果你要缩小 PhoneListCtrl 控制器的 JavaScript 代码，它的所有函数参数也会被缩小，并且依赖注入器不会能够正确识别服务。

因此，通过对您的控制器使用数组表示法，您可以确保代码在代码缩小后仍然可以工作。