Drift Angular
Search…
Drift Angular
Overview
Package Content
Installation and Setup
Setup Environment
Setup Project
Setup Layout
Deployment
Structure
Folders and Files Structure
Layouts
Drift Icons
Stylesheets
Overview
Sass Variables
Layouts & Theme
Fonts
Colors
Back Ground Images
Margin & Paddings
Theme Customization
RTL Version
Settings
Template Setting
Customize Horizontal Menu
Customize Vertical Menu
Create a Page
Define Routes
Root Loader
RTL
Internationalization
Components
Alerts
Badges
Breadcrumbs
Buttons
Button Group
Cards
Card Group
Collapse
Dropdowns
Progress Bar
Tabs
Powered By
GitBook
Internationalization
Overview
The internationalization (i18n) library for Angular by
ngx-translate
​
How to add a new language
To register new language we have to update given below files:
src/assets/i18n/*.json
src/app/app.component.ts
Duplicate en.json file and create a new language file in
src/assets/i18n/*.json
. The new file name and the language name must be matched.
Register the language by adding its name to languages array.
1
translate
.
addLangs
([
'en'
,
'es'
,
'new lang name'
]);
Copied!
How to use
The translator understands nested JSON objects as defined in
src/assets/i18n/*.json
. This means that you can have a translation that looks like this:
{ "HOME": { "HELLO": "hello " } }
You can then access the value by using the dot notation, in this case
HOME.HELLO
.
1
<
div
[translate]
=
"'
HOME.HELLO
'"
[translateParams]
=
"
{value:
'
world
'
}
"
>
</
div
>
Copied!
Settings - Previous
RTL
Next - Components
Alerts
Last modified
2yr ago
Copy link
Contents
Overview
How to add a new language
How to use