Transla-x NPM | npm.io

TranslateX: Angular Internationalization and Localization for Free | Format Data Locale

Transla-X is an Angular translation library that provides localization support for multi-language applications. It offers a translation service, a translation pipe, and an interceptor for loading translations dynamically. It allows you to easily translate your application's content based on the selected language.

Features
Installation
Usage
Contribution
License
Keywords

Features

Dynamic loading of translations for supported languages
Translation service for retrieving translated values
Translation pipe for translating content in templates
Interceptor for intercepting HTTP requests and loading translations

Installation

To install the Transla-X library, you can use npm or yarn. Run the following command in your Angular project:

Run bash `npm install transla-x` or Run bash `yarn add transla-x`

Usage

Import the TranslaXModule in your Angular application's module and configure it with the supported languages:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { TranslaXModule } from 'transla-x';

const translationConfig = {
  supportedLanguages: ['en', 'ar'] // Set the supported languages here
};

@NgModule({
  imports: [BrowserModule, TranslaXModule.configure(translationConfig)],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}

Use the translation pipe in your component template to translate content:

<p>English: {{ 'HELLO' | translation: 'en' }}</p>
<p>Arabic: {{ 'HELLO' | translation: 'ar' }}</p>

Contribution

Contributions to Transla-X are welcome! If you find a bug, have a feature request, or want to contribute code, please open an issue or submit a pull request. Please make sure to follow the project's code of conduct.