Change language with $translatePartialLoader

Hello,

i have a problem with loading the translations. I am using the $translatePartialLoader.

My versions: angular-translate - v2.15.2 - 2017-06-22 AngularJS v1.6.4 Google Chrome v59.0.3071.115

My problem: I am on state “profile” and have the active language “DE” now i am switching to language “EN”. Then i switch the state to “settings” and switch my language back to “DE”. Now i don’t see the my translations i only see my keys for the translations.

State change event

$rootScope.$on('$stateChangeSuccess', function (event, toState, toParams, fromState) {
    $scope.unloadModule(event, fromState.name);
    $scope.loadModule(event, toState.name);
    $translate.refresh();
});

Functions for load/unload the modules

$scope.loadModule = function ($event, module) {
    $event.preventDefault();
    $translatePartialLoader.addPart(module);
};
$scope.unloadModule = function ($event, module) {
    $event.preventDefault();
    $translatePartialLoader.deletePart(module);
};

Thanks for watching for a solution.

[knalli]

I think this should work

$translate.use(sprache)
  .then(function() {
    $translate.refresh();
  });

I’m not sure, looks like this is a specific issue with partial loading and language changes at all. Alternatively, don’t remove already loaded parts (depends on the number of translations).

[vicary]

@knalli Your workaround did the trick but still FOUC, should really resolve inside the library before it renders out any content IMO.

Not sure if I should open a new issue.