nga-translate
v17.0.0
Published
Angular ngx-translate wrapper for support default translate
Downloads
8
Maintainers
Readme
ngaTranslate
A wrapper for ngx-translate library that support default translate.
ngaTranslate is an Angular library that provides a pipe and directive to simplify the translation of text in your Angular applications. It is a wrapper for the popular ngx-translate library and provides additional features and convenience methods.
Installation
To install ngaTranslate, run the following command in your terminal:
npm install nga-translate --save
Usage
Pipe
The ngaTranslate pipe can be used to translate text in your Angular templates. The pipe takes two and three arguments:
1. Three parameters:
Translation key and an optional object of default translation and optional object of params. The default translation can be use if the key is not found.
Examples
{{ 'key' | ngaTranslate }} {{ 'key' | ngaTranslate : 'default translate' }} {{ 'key' | ngaTranslate : 'default translate' : { params } }} {{
'key' | ngaTranslate : 'default translate [{ p1 }]' : { p1: 'value' } }} {{ 'key' | ngaTranslate : { en: 'default translate [{ p1 }]', fr:
'traduction par défaut [{ p1 }]' } : { p1: 'value' } }}
2. Two parameters:
An optional object of default translation and optional object of params. The default translation can be use if the key is not found.
Examples
{{ { en: 'default translate' } | ngaTranslate } }} {{ { en: 'default translate [{ p1 }]' } | ngaTranslate : { p1: 'value' } }} {{ { en:
'default translate [{ p1 }]', fr: 'traduction par défaut [{ p1 }]' } | ngaTranslate : { p1: 'value' } }}
Directive
The ngaTranslate directive can be used to translate a key with valueTranslate and element's content. The element's content use for default translate.
Examples
<p ngaTranslate>Hello, world!</p>
<p ngaTranslate="key">Hello, world!</p>
<p ngaTranslate="key" [translateValues]="{ p1: 'value' }">Hello, world! [{ p1 }]</p>
<p ngaTranslate="key" [translateValues]="{ p1: 'value' }">
{ en: 'Hello, world! [{ p1 }]', fr: 'Bonjour le monde! [{ p1 }]' }
</p>
Features
- Simplified translation syntax: ngaTranslate provides a simpler syntax for translating text than ngx-translate.
- Default translations: ngaTranslate allows you to specify a default translation to use if the translation key is not found.
- Contextual translations: ngaTranslate allows you to provide additional context for translations, such as the current user's language or location.
Contributing
We welcome contributions to ngaTranslate. Please feel free to create an issue or pull request on GitHub.
License
ngaTranslate is licensed under the MIT License.