Using $translateProvider.useUrlLoader

angularjs angular-translate
NoobDeveloper picture NoobDeveloper · Feb 2, 2015 · Viewed 9k times · Source

I am using latest version of angularjs and angular-translate.

For some reason, I don't want to store my translations in static .json files (en_US.json or ru_RU.json)

Is there any API in angular-translate which calls a REST API which in turn returns json data for translation. REST API will pull the translations store in database.

Answer

Martin picture Martin · Feb 2, 2015

Tale a look at:

http://angular-translate.github.io/docs/#/api/pascalprecht.translate.$translateUrlLoader

By default it will use the querystring param ?lang= to pass in the desired language.

you would use it like: 

$translateProvider.useUrlLoader("/path/to/my/endpoint");
$translationProvider.defaultLanguage("en");

Angular-translate will then make a call to /path/to/my/endpoint?lang=en

If you do not want a query string parameter, but would rather a path parameter, you can create your own loader based on $translateUrlLoader. Looking at the source, it looks very trivial:

https://github.com/angular-translate/angular-translate/blob/master/src/service/loader-url.js

Related questions

Correct use for angular-translate in controllers

I'm using angular-translate for i18n in an AngularJS application. For every application view, there is a dedicated controller. In the controllers below, I set the value to be shown as the page title. Code HTML <h1>{{ pageTitle }}&…

Read More
Exposing the current state name with ui router

I'm trying to implement a language switcher where if a user clicks on "de" from any given page on an "en" side - it takes them to that page of the "de" side. If I console.dir the $state parameter, …

Read More
Get current language with angular-translate

Is there a way to get the current used language in a controller (without $translateProvider)? Couldn't find anything in the $translate service.

Read More