Skip to content

Angular ngx-translate wrapper for support default translate

License

Notifications You must be signed in to change notification settings

mehrabisajad/nga-translate

Repository files navigation

ngaTranslate

A wrapper for ngx-translate library that support default translate.

npm version GitHub issues GitHub stars GitHub license

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' }">
  &lcub; en: 'Hello, world! [&lcub; p1 }]', fr: 'Bonjour le monde! [&lcub; p1 }]' }
</p>

Features

  1. Simplified translation syntax: ngaTranslate provides a simpler syntax for translating text than ngx-translate.
  2. Default translations: ngaTranslate allows you to specify a default translation to use if the translation key is not found.
  3. 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.

About

Angular ngx-translate wrapper for support default translate

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages