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 <-輸入<-UpperCaseFilter http://errors.angularjs.org/1.5.0/ $ injector / unpr？p0 = inputProvider％20％3C-％20input％20％ 3G-％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）at Object.enforcedReturnValue [as $ get]（framework.js：12948）at object.invoke（framework.js：13109）at 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) {