angular-translate:带有附加查询参数的urlLoader

Question

在使用urlLoader时，是否可以使用额外的GET参数调用angular-translate模块(由Pascal Precht制作)，而不只是使用queryParameter one？目前的实现情况如下：

  $translateProvider.useLoader('$translateUrlLoader', {
    url: 'endpoint/translations',
    queryParameter: 'language'
  });

然后在paritucar控制器中如下所示：

$translate.use('en');

我需要做的是用更多的参数来调用它，比如：

  $translateProvider.useLoader('$translateUrlLoader', {
    url: 'endpoint/translations',
    config: {
      queryParameter: 'language',
      secondParam: 'screen',
      thirdParam: 'client'
    }
  });

然后，特别是要调用它的控制器：

$translate.use('en','login','pepsi');

因此，我需要调用API端点，如下所示：

endpoint/translations?language=en&screen=login&client=pepsi

谢谢!

Answer 1

通过使用名为angular-translate-loader-partial模块的模块，我认为我们可以做到这一点(https://angular-translate.github.io/docs/#/guide/12_asynchronous-loading)

它的配置如下：

$translateProvider.useLoader('$translatePartialLoader', {
   urlTemplate: 'endpoint/translations/' + $rootScope.clientName + '/{part}/{lang}.json'      
});

并在控制器中使用，如：

 angular.module('pepsi').controller('sugerCtrl', function ($scope, $translatePartialLoader, $translate) {
  $translatePartialLoader.addPart('suger');
  $translate.refresh();
});

希望这能有所帮助。

Answer 2

对我来说，它是有效的：

var serviceBase = 'http://localhost';
$translatePartialLoaderProvider.addPart('core');
$translateProvider.useLoader('$translatePartialLoader', {
    urlTemplate: serviceBase + '/api/translations?lang={lang}&module={part}'
});
$translateProvider.preferredLanguage("de");