$translatePartialLoader.addPart causing multiple loads of each part

I have a load of child modules within the app, each of which has its own translation bundle. when the module is loaded, it loads its translation bundle.

The problem i has is that when i load more than one module at a time, each module calls add part, the $translate.refresh call, loads the bundles more than once.

Example code (somewhat simplified!):

$rootScope.$on('$translatePartialLoaderStructureChanged',function () {
    $translate.refresh();
});

to add the parts:

function loadModule(module){
  $ocLazyLoad.load(module).then(function(){
    $translatePartialLoader.addPart(module);
  });
}
var modules = ['m1','m2','m3'];
angular.forEach(modules, function(module){
    loadModule(module);
});

The pattern of loads is:

m1,m1,m2,m1,m2,m3

It looks like the subsequent refreshes, aren’t aware that the module file has already been requested, so requests it again.

[weldelmongi]

pour résoudre ce problème il faut lors de la config du module d’ajouter cette ligne $translateProvider.useLoaderCache(true);

[knalli]

@dmitry-dedukhin I would imagine $http was not part of AngularJS at this time, but this is speculating. Also I’m not sure how it will deal with refreshing content.

So: Yes, you would build it with other existing tooling nowadays probably. But this is old cold base…