Uni Localization example for Angular

Check out demo here

Check out our docs here

Add to your modules

@NgModule({
...,schemas: [CUSTOM_ELEMENTS_SCHEMA],
...
})

Add to index.html

<scripttype="module" src="https://cdn.jsdelivr.net/npm/@uiwebkit/flag@0.1.1/dist/flag/flag.esm.js"></script><scripttype="module" src="https://cdn.jsdelivr.net/npm/@uiwebkit/udk@2.0.0-13/dist/udk.esm.js"></script><scripttype="module" src="https://cdn.jsdelivr.net/npm/@uiwebkit/mat@2.0.0-2/dist/mat.esm.js"></script><scripttype="module" src="https://cdn.jsdelivr.net/npm/@uiwebkit/loc@2.0.0-6/dist/loc/loc.esm.js"></script>

Place Uni Language Menu into the header of your web app. Specify the path to the language list JSON file (ex. lang-menu.json) or backend API endpoint

<uni-routershadow></uni-router><uni-lang-menu-shadowminiroundroutingurl="assets/json/lang-menu.json"></uni-lang-menu-shadow>

Wrap your content with Uni Translate globally (for more convenience)

<uni-translate><your-component></your-component></uni-translate>

or wrap your text content with Uni Translate locally (for better performance)

<uni-translate>localized content</uni-translate>

localize partially

<uni-translate>text and (( partially localized ))</uni-translate>

localize attributes

<uni-translate><ahref="https://your_domain/(( localized ))">link</a></uni-translate>

open and modify ./src/assets/json/lang-menu.json and translation files into ./src/assets/json/i18n/ folder