无法在工厂内注入角度 $filter 服务答案

【问题标题】：Cant inject angular $filter service inside a factory无法在工厂内注入角度 $filter 服务
【发布时间】：2015-08-06 14:02:55
【问题描述】：

我正在尝试使用 angularjs 创建一个工厂，但是当我尝试在我的工厂中注入 $filter 服务时，我收到了这个奇怪的错误：

错误：[$injector:unpr] 未知提供者：undefinedFilterProvider http://errors.angularjs.org/1.3.17/$injector/unpr?p0=undefinedFilterProvider%20%3C-%20undefinedFilter%20%3C-%20myfact 在 REGEX_STRING_REGEXP (angular.js:63) 在 angular.js:4031 在 Object.getService [as get] (angular.js:4178) 在 angular.js:4036 在 Object.getService [as get] (angular.js:4178) 在 $get (angular.js:16724) 在 Object.myfact (app.js:4) 在 Object.invoke (angular.js:4219) 在 Object.enforcedReturnValue [as $get] (angular.js:4072) 在 Object.invoke (angular.js:4219)

在我的应用程序中，我有许多使用 $filter 服务的控制器，我以前从未见过此错误。

有人可以帮我解决这个问题吗？

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.17/angular.js" data-semver="1.3.17"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl">
    <p>Hello {{name}}!</p>
  </body>

</html>


var app = angular.module('plunker', []);
var myfact = function($filter){
    var factory = {},
        filter = $filter(filter);
    return factory;
}
myfact.$inject = ['$filter'];
app.factory('myfact',myfact);
app.controller('MainCtrl', function($scope, myfact) {
    $scope.name = 'World';
});

Plunker snippet

【问题讨论】：

标签： angularjs

【解决方案1】：

您在分配给 myfact 的匿名函数中的代码中有错误。你写了filter = $filter(filter)，但是你传递给$filter的参数filter是未定义的。

var app = angular.module('plunker', []);
var myfact = function($filter){
    var factory = {},
        filter = $filter(filter);   // <<-------  your error is on this line
    return factory;
}

【讨论】：

谢谢，没看到我真是瞎了眼。