AngularJS将$http注入到配置中进行角度翻译

Question

我正在使用角度翻译模块，并尝试使用$http注入服务器上的所有翻译。我使用提供程序，我知道只有我可以通过$get注入依赖项，但我无法从提供程序调用该函数。我需要知道我是否可以做到这一点以及如何做到这一点。

这是我的提供者。

.provider('languageServices', function (){
    this.languages = {};
    this.getExistLanguages = function() {
      return ['en','es'];
    };
    this.getAllLanguages = function(){
      return this.languages;
    };
    this.$get = function($http){
      return {
        getSpecificLanguage : function(lan) {
          return  this.languages = $http.post('fr3/i18n',lan);
        }
      }
    };
  });

这是我的配置应用程序

    .config(function ($stateProvider, $urlRouterProvider, USER_ROLES, $translateProvider, languageServicesProvider) {
            $stateProvider.state('dashboard', {
                    url: '/dashboard',
                    views: {
                        'header': {template: ''},
                        'content': { templateUrl: 'views/dashboard.html' }
                    },
                    data: { authorizedRoles: [USER_ROLES.admin] }
                });
            $translateProvider.preferredLanguage('es');
    // here is where i want inject all my translations with something like:
   // var languages = languageServicesProvider.getAllLanguages();
//and languages pass it to translateProvider
        });

我知道这段代码有一些错误，但我只希望你有一个我想做的想法。

谢谢

Answer 1

所以角度翻译提供了它自己的$http过程来做到这一点。我碰巧今天刚刚实现这个，所以你很幸运。您可以在他们的文档中看到它。

http://angular-translate.github.io/docs/#/api/pascalprecht.translate.$translateUrlLoader

他们的文档非常糟糕，但您实现它的方式是在您的 app.config 中，您有您的首选语言，您可以添加......

$translateProvider.useUrlLoader(options)

同样，这是他们的文档不好的地方。您需要的选项只是您的网址，所以...

$translateProvider.userUrlLoader({
  url: '/yoururl'
});

这将创建一个 http 调用，该调用将尝试从"/yoururl？lang=en_US"或当前处于活动状态的任何语言代码获取。

您还需要包含网址加载器的脚本，这是 这里

https://github.com/angular-translate/angular-translate/blob/master/src/service/loader-url.js

这也在评论中为您提供了有关使用它的更多信息。

如果您还有其他问题，请告诉我。希望这有帮助。我花了一段时间才弄清楚这件事是怎么回事。再次，非常糟糕的文档。

编辑：

我注意到您还在编写自己的服务来列出可用语言。角度翻译也有这方面的东西...

$translateProvider.registerAvailableLanguageKeys(['en', 'ja']);