$translateProvider.useStaticFilesLoader的Angular Translate异步定

我使用出色的Angular Translate（$translate）指令/服务来处理多种语言环境，由于我有多个语言环境文件，我使用方便的$translateProvider.useStaticFilesLoader通过localeAbbr.json结构加载翻译文件，例如en.json、es.json，等等。我构建了一个Plunker来展示我的开源项目，该项目通过Git原始文件使用区域设置（指向实际的Github存储库，意味着不是Plunker演示的本地存储库）。我的项目是作为指令和服务构建的，我制作了一个小的Plunker来显示JSON文件加载的时间问题。

也就是说，$translateProvider.useStaticFilesLoader似乎是asynchronous，而我真的需要它是synchronous，因为当plunker运行时，JSON文件还没有解析，而我已经在消息中调用了$translate.instant()。

我有一个Plunker显示问题。

这是我快速服务演示的一部分：

app.factory('validationService', ['$filter', '$translate', function ($filter, $translate) {
  var service = this;
  var validationSummary = [];
  var errorMessages = [
    'INVALID_ALPHA',
    'INVALID_ALPHA_SPACE',
    'INVALID_ALPHA_NUM',
    'INVALID_BOOLEAN'
  ];
  //var $translate = $filter('translate');
  for(var i=0, ln=errorMessages.length; i < ln; i++) {
    validationSummary.push({  
      field: i,
      message: $translate.instant(errorMessages[i])
    });
  }
  // attach public functions
  service.getValidationSummary = getValidationSummary;
  return service;
  // function declaration
  function getValidationSummary() {
    return validationSummary;
  }
}]);

$translateProvider配置

app.config(['$translateProvider', function ($translateProvider) {
  $translateProvider.useStaticFilesLoader({
    prefix: 'https://rawgit.com/ghiscoding/angular-validation/master/locales/validation/',
    suffix: '.json'
    });
    // load English ('en') table on startup
    $translateProvider.preferredLanguage('en').fallbackLanguage('en');
}]);

通过控制器呼叫我的服务：

app.controller("TestController", function($scope, validationService) {
  var vm = this;
  vm.displayValidationSummary = true;
  vm.validationSummary = validationService.getValidationSummary();
});

最后是使用控制器的HTML：

<div class="alert alert-danger alert-dismissable" ng-show="vm.displayValidationSummary">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true" ng-click="displayValidationSummary = false">&times;</button>
  <h4><strong>{{ 'ERRORS' | translate }}!</strong></h4>
  <ul>
      <li ng-repeat="item in vm.validationSummary">{{item.field }}: {{item.message}}</li>
  </ul>
</div>

由于我使用的是AngularJS 1.3+，我还发现$translate只翻译一次，所以作者建议使用translateFilter.$stateful = true;，我尝试过，但似乎没有帮助。

这里是Plunker

我花了好几个星期的时间试图找到并编写各种解决方案，但我一直没有成功，看到我的原始翻译代码我真的很难过：（

请帮忙！！！

编辑
我意识到我的问题并没有涵盖与我的问题相关的所有内容。除了翻译延迟问题之外，我还必须传递额外的参数，这是一个将它们传递给翻译匿名函数的巨大问题。当承诺完成时，我的论点已经改变了。例如：

$translate(validator.message).then(function(translation) {
    // only log the invalid message in the $validationSummary
    addToValidationSummary(formElmObj, translation);
    // error Display
    if(!isValid) {
      updateErrorMsg(translation, isValid);
    }else if(!!formElmObj && formElmObj.isValid) {
      addToValidationSummary(formElmObj, '');
    }
}, function(data) {
    throw 'Failed to translate' + data;
});