Angular 2+ and AngularJS

One framework. Mobile and desktop.

Translate your Angular Application with Localize

Below is a step by step guide for integrating Localize into your Angular 2+ or AngularJS application.

If you do not have a Localize Project yet, signup here!

1) Copy the Localize Code Snippet into your index file for your Angular application.

Insert the code in your index.html or layout file's <head> </head> tags:

<script src=""></script>
<script>!function(a){if(!a.Localize){a.Localize={};for(var e=["translate","untranslate","phrase","initialize","translatePage","setLanguage","getLanguage","detectLanguage","getAvailableLanguages","untranslatePage","bootstrap","prefetch","on","off"],t=0;t<e.length;t++)a.Localize[e[t]]=function(){}}}(window);</script>

    key: '[[app:key]]', 
    rememberLanguage: true

2) Load your application in a browser.

Visit your application in a browser in your target language and refresh the page.
Localize will automatically begin to detect new content on the page.

3) Approve phrases

Then head on over to the Phrases tab to approve phrases in the Localize dashboard.

4) Phrases not showing up?

If you are not seeing phrases show up in your Pending bin in the Localize dashboard, follow the troubleshooting instructions here.

Need Help? Contact us for custom integration help or troubleshooting!


*Angular By Google -, CC BY 4.0, Link

Angular 2+ and AngularJS

One framework. Mobile and desktop.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.