angular js i18n translate loading issue

Asked Jan 20 '15 at 05:51

Active Jan 20 '15 at 06:19

Viewed 1,330 times

I am using http://github.com/angular-translate/angular-translate for website localization.

when page load it's working perfectly. But load page partially, the translation works in lagging way. That means,

Partial page loads first with the tag and showing in the same way in the page.

{{ 'CONGRATS' | translate }}

After 5 or 8 seconds, it translate to original text. Sometime network may be slow. In that time this should not be show like that.

Translation should be done properly, before page show to the user.

How to rectify this error ? What mistake I made here ?

I've loaded the angular js scripts in the following manner.

<script src="scripts/angular.min.js"></script>
<script src="scripts/angular-route.min.js"></script>
<script src="App/angular-translate.js"></script>
<script src="App/angular-translate-loader-static-files.js"></script>
<script src="App/angular-translate-loader-partial.js"></script>
<script src="App/app.js"></script>

I am loading the languages in app.js like following,

var langSvSE = {
    "ENTER_EMAIL_ADDRESS": "Ange e-post adress",
    "PASSWORD": "Lösenord",
    }
 $translateProvider.translations('sv-SE', langSvSE);
$translateProvider.preferredLanguage('sv-SE');

edited Jan 20 '15 at 06:19

asked Jan 20 '15 at 05:51

Jeeva J

3,173
10
38
85

put your controller function inside $viewContentLoaded. – Ved Jan 20 '15 at 05:55
Show how you are loading translation (key,value) file? – Subash Selvaraj Jan 20 '15 at 06:15
@SubashSelvaraj, edited in the last line .. can you please look into that ? – Jeeva J Jan 20 '15 at 06:19
@Ved, can you provide sample code please ? I don't understand .. – Jeeva J Jan 20 '15 at 06:20
I mean the content which you want to render on page, keep that inside $viewContentLoaded. check this: http://stackoverflow.com/questions/27129829/angularjs-viewcontentloaded-fired-before-partial-view-appears – Ved Jan 20 '15 at 06:26
why don't you use translate as an attribute like,
– Subash Selvaraj Jan 20 '15 at 06:52
@SubashSelvaraj, I think both are same only the syntax is different, correct me if I am wrong. – Jeeva J Jan 20 '15 at 06:56
@Ved, By frank, Seriously I don't understand. I am totally new to this angular js. Can you provide any fiddler or any sample ? – Jeeva J Jan 20 '15 at 07:24
If you use it as attribute you wont see the text, which is your problem. – Subash Selvaraj Jan 20 '15 at 11:39

angular js i18n translate loading issue

0 Answers0