How do I gracefully load a specific localization file dynamically in AngularJS?

Question

Currently, I have a system which has language codes such as en, de, jp and so on. I need to provide localisation for 8 languages, so it works if I manually add in the script file here:

<script src='/js/locale/angular-locale_de.js'></script>.

But I need to be able to load it dynamically in the header. I tried using a jQuery hack using ("head").append() but on Chrome throws an error says ASYNC request deprecated.

Why do you need to do this dynamically? According to angular's documentation, you can just have all of them in the app at the same time and it should work. — Etienne Maheu
– Etienne Maheu, Commented Apr 29, 2015 at 15:22
How would that happen? I need to tell the app to load the appropriate script with the specific language code. — Ali Gajani
– Ali Gajani, Commented Apr 29, 2015 at 15:24
Sorry, I misread their doc. You are right that you can only have one loaded at once. This might interest you though: sbouchard.github.io/angular-dynamic-i18n/#!/usage — Etienne Maheu
– Etienne Maheu, Commented Apr 29, 2015 at 15:25
If you have different code for different languages, perhaps you should be using a dictionary that provides the translations by key/getter, and provide that as an Angular service? — Lee Goddard
– Lee Goddard, Commented Jun 26, 2016 at 11:49

Muhammad Hasan · Accepted Answer · 2016-06-26 11:46:58Z

1

You don't have to invent the wheel, there's a module -angular dynamic localization- for that and it's pretty straight forward: https://github.com/lgalfaso/angular-dynamic-locale

and if you are looking for translation, there u go http://angular-translate.github.io/

answered Jun 26, 2016 at 11:46

Muhammad Hasan

923 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

edhedges · Accepted Answer · 2015-04-29 15:22:56Z

0

You could use http://api.jquery.com/jQuery.getScript/ if you're already using jQuery.

answered Apr 29, 2015 at 15:22

edhedges

2,7282 gold badges31 silver badges63 bronze badges

1 Comment

Ali Gajani Over a year ago

Will that load it in the head, don't think so?

Collectives™ on Stack Overflow

How do I gracefully load a specific localization file dynamically in AngularJS?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related