Добавление 2 провайдеров app.config ANGULAR в

Question

, так что я пытаюсь добавить другого поставщика для переводов в моей функции app.config, и на данный момент я просто $routeProvider используется так:

var app = angular.module('app', ['ngRoute', 'home', 'about', 'contact', 'session', 'auth-token-interceptor']); 

    app.config(['$routeProvider', function($routeProvider) { 
     $routeProvider. 
      otherwise({ 
       redirectTo: '/' 
      }); 
    }]); 

Этот это хорошо, и теперь я пытаюсь следовать этому учебнику, чтобы добавить некоторые простые в мое угловое приложении:

http://www.ng-newsletter.com/posts/angular-translate.html

Я немного запутался, о том, где именно добавить в переводе и его структуру ,

Моя первая проблема просто в том числе angular-translate как зависимость, где я попытался это:

var app = angular.module('app', ['ngRoute', 'home', 'about', 'contact', 'session', 'auth-token-interceptor', 'test.translate' ]); 

Но это само по себе вызвало приложение на самом деле не загружается, так что я должен делать что-то здесь не так. Здесь ошибка я получаю в консоли на Chrome:

Failed to instantiate module app due to: 
Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=...) 
    at Error (native) 
    at http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:6:417 
    at http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:35:320 
    at r (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:7:302) 
    at g (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:34:399) 
    at http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:35:63 
    at r (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:7:302) 
    at g (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:34:399) 
    at ab (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:38:135) 
    at d (http://localhost:8888/test/frontend/js/angular.min.js?t=1430103821:17:381 

Моя следующая проблема заключается в том, где и как добавить в $translateProvider$. Я попытался добавить его вместе с $routeProvider, и я попытался добавить его в качестве второго элемента в массиве, но оба они не работали (возможно, из-за проблемы номер один, вызывающей крах приложения, я не уверен).

Вот $translateProvider настройки Я пытаюсь использовать из учебника:

app.config(function($translateProvider) { 
    $translateProvider.translations('en', { 
    HEADLINE: 'Hello there, This is my awesome app!', 
    INTRO_TEXT: 'And it has i18n support!' 
    }); 
}); 

Answer 1

Вы должны добавить его в массиве зависимостей вашего приложения, как вы делали для ngRoute модуля, angular-translate зависимости имя модуля pascalprecht.translate

var app = angular.module('app', ['ngRoute', 
           'home', 
           'about', 
           'contact', 
           'session', 
           'auth-token-interceptor', 
           'pascalprecht.translate' //<--here the angular-translate dependancy inject 
           ] 
         );