AngularJS 错误：[$injector:unpr] 使用 $filter 时提供者未知

Question

这个问题并不是什么新鲜事，但问题是我已经花了几个小时来搜索并试图找出我的代码有什么问题，但我什么也没找到。请给我一些想法！提前致谢。

我的 text-upper-case.js（我定义过滤器的地方）

'use strict';

var UpperCase = (function() {
  /*@ngInject*/
  function UpperCase(input) {

    return function(input) {
      input = input.replace(/([A-Z])/g, ' $1');

      return input[0].toUpperCase();
    }
  };

  return UpperCase;
})();

module.exports = UpperCase;

我的过滤器模块（module.js）

'use strict';

var angular = require('angular');
var UpperCase = require('./text-upper-case');

angular
  .module('myApp.filters', [])
  .filter('UpperCase', UpperCase);

这是我的主要 app.js，我在其中注入我的应用程序依赖项

'use strict';

var angular = require('angular');
require('./filters/module');

angular
  .module('myApp', ['myApp.filters']);

错误信息：

错误：[$injector:unpr] 未知提供者：inputProvider http://errors.angularjs.org/1.5.0/$injector/unpr?p0=inputProvider%20%3C-%20input%20%3C-%20UpperCaseFilter 在 framework.js:8573 在 framework.js:12902 在 Object.getService [as get] (framework.js:13055) 在 framework.js:12907 在 getService (framework.js:13055) 在 injectionArgs (framework.js:13079) 在 Object.invoke (framework.js:13101) 在 Object.enforcedReturnValue [as $get] (framework.js:12948) 在 Object.invoke (framework.js:13109) 在 framework.js:12908（匿名函数）@framework.js:21741（匿名函数）@ framework.js:18470Scope.$digest @ framework.js:25187（匿名 函数）@framework.js:25364completeOutstandingRequest@ framework.js:14309（匿名函数）@framework.js:14586

在视图中：

<table>
 <tr ng-repeat="(key, value) in h.room_information">
   <td>{{key | UpperCase}}</td>
     <td>{{value}}</td>
   </tr>

我的项目结构：

Answer 1

你不需要在过滤器返回的函数中注入任何东西。

改变

var UpperCase = (function() {
  /*@ngInject*/
  function UpperCase(input) {

到

var UpperCase = (function() { 
  function UpperCase(input) {