@ngx-translate/http-loader

What is @ngx-translate/http-loader?

@ngx-translate/http-loader is an Angular library that provides a way to load translation files from a web server using HTTP. It is used in conjunction with @ngx-translate/core to manage internationalization in Angular applications.

What are @ngx-translate/http-loader's main functionalities?

Loading Translation Files

This feature allows you to load translation files from a web server. The TranslateHttpLoader uses Angular's HttpClient to fetch translation files, which are typically in JSON format.

import { HttpClient } from '@angular/common/http';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http);
}

Custom File Paths

You can customize the path and file extension of the translation files. This example shows how to set a custom path and file extension for the translation files.

import { HttpClient } from '@angular/common/http';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

export function HttpLoaderFactory(http: HttpClient) {
  return new TranslateHttpLoader(http, '/assets/i18n/', '.json');
}

Using with TranslateModule

This feature demonstrates how to integrate the TranslateHttpLoader with the TranslateModule in an Angular application. The HttpLoaderFactory is used to configure the loader for the TranslateModule.

import { HttpClient } from '@angular/common/http';
import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { HttpLoaderFactory } from './http-loader.factory';

@NgModule({
  imports: [
    HttpClientModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ]
})
export class AppModule { }

Other packages similar to @ngx-translate/http-loader

angular-l10n

angular-l10n is another library for localization in Angular applications. It provides similar functionalities to @ngx-translate/http-loader, such as loading translation files and managing translations. However, it also includes additional features like locale management and date/number formatting.

angular-translate

angular-translate is a popular library for AngularJS (Angular 1.x) that provides similar functionalities to @ngx-translate/http-loader. It allows loading translation files via HTTP and managing translations. However, it is designed for AngularJS and not for Angular (2+).

README

@ngx-translate/http-loader

Overview

The @ngx-translate/http-loader package enables the dynamic loading of translation
files from a server, making it a flexible solution for internationalizing Angular
applications with JSON translation files.

Documentation

• Official Documentation
• Getting Started Tutorial: How to Translate Your Angular App with NGX-Translate