Partial Loader failing when preferred language .json files are missing.

When I set the $translateProvider to use the partialLoader it crashes and burns when it can’t find a file that matches the preferredLanguage rather than gracefully handling that scenario and using the fallbackLanguage.

e.g.

$translateProvider.useLoader("$translatePartialLoader", {
    urlTemplate: "{part}.{lang}.json"
});

$translatePartialLoaderProvider.addPart("app/i18n/shared");

$translateProvider.preferredLanguage("en-AU");
$translateProvider.fallbackLanguage("en");

/app
    /i18n
        /shared.en.json
        ... missing shared.en-AU.json

I noticed that there may be a way to pass in a loadFailHandler for the $translatePartialLoader but can’t figure out how to supply that handler and more importantly if that’s the recommended way I should be handling this situation.

http://plnkr.co/edit/BlWaG27IbTPioKImLZiM?p=preview

[benpriebe]

For anyone who comes across this post, this is how I created an error handler that will resolve an empty translation table when the loader can’t find a server side file. This will allow your fallback file translation tables to be used.

angular.module("appModule")
  .factory("i18nPartialLoaderErrorHandler", ["$q", function ($q) {
    return function (partName, languageKey) {
      return $q.when({});
    };
}]);

$translateProvider.useLoader("$translatePartialLoader", {
  urlTemplate: "{part}/{lang}",
  loadFailureHandler: "i18nPartialLoaderErrorHandler"
});

If you use this approach with physical files however the browser will report a 404 in the error console/network tab which isn’t ideal.

The solution I ended up going with was to use a server side endpoint that dynamically returned the contents of the file (if it existed) otherwise just returned an empty translation table “{}”.

e.g.

Instead of something like this:

http://app.website.com/i18n/string.en-AU.js

I used something like this:

http://app.website.com/i18n/strings/en-AU

And had the server resolve that address to a physical file if it existed and returned the contents as “application/json”. If the file didn’t exist, I just returned “{}”.

Hope this makes sense.

[DWand]

@knalli, I’d say this one can be closed.