如何在平均堆栈应用程序中调用外部模块

Question

在这里，我创建了一个外部模块“lang-change”，其中我创建了一个服务和一个指令。

bower_components /郎变/郎change.js

angular.module('langChange', [
   'angular-translate'
])
.service('MyService', function ($translate, $rootScope, tmhDynamicLocale) { 
    .............
    .............
    .............
})
.directive('LanguageChangeSelect', function (MyService) { 
    'use strict';
  return {
    .............
    .............
    .............
  };
});

我单独创建了这个模块并将其链接到bower_components，但是当我在app.js中使用它时，我收到了错误。

错误

angular.js:12783 Error: [$injector:unpr] Unknown provider: langChangeProvider <- langChange

app.js

(function() {
  'use strict';
  angular.module('myApp', [
    'ngSanitize',
    'ui.router',
    'ui.bootstrap',
    'pascalprecht.translate',// angular-translate
    'tmh.dynamicLocale'// angular-dynamic-locale
  ])
  .config([
    '$stateProvider',
    '$urlRouterProvider',
    '$injector',
    '$translateProvider',
    'tmhDynamicLocaleProvider',
    function(
      $stateProvider,
      $urlRouterProvider,
      $injector,
      $translateProvider,
      tmhDynamicLocaleProvider
    ) {
        $stateProvider
        .state('home', {
          url: '/',
          templateUrl: 'views/home.html'
        })
        .state('myapp', {
        url: '/myapp',
        templateUrl: 'views/myapp.html',
        controller: ['$scope', '$state', '$rootScope', '$translate', 'langChange',
        function($scope, $state, $rootScope, $translate, langChange) {
          // Code goes here
        }]
      });
   }
]);