Question

我正在使用angular-translate模块，并尝试使用$ 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

因此，angular-translate提供了自己的$ http进程来完成此任务。我碰巧在今天真正实现了这一点，所以你很幸运。你可以在他们的文档中看到它。

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

他们的文档非常糟糕，但是你实现这个的方式是在你的app.config中你可以添加你喜欢的语言...

$translateProvider.useUrlLoader(options)

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

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

这将创建一个http调用，该调用将尝试从＆＃39; / yoururl？lang = en_US＆＃39;或者当前有效的语言代码。

你还需要在这里包含url loader的脚本

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

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

如果您有任何问题，请告诉我。希望这可以帮助。我花了一些时间来弄清楚这件事发生了什么。再次，非常糟糕的文档。

编辑：

我注意到您也在编写自己的服务来制作可用语言列表。 Angular-translate也有这个......

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

AngularJS将$ http注入到angular-translate的配置中

1 个答案: