@chimung/ngx-translate-http-loader
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.2 • Public • Published

    @ngx-translate/http-loader Build Status npm version

    A loader for ngx-translate that loads translations using http.

    Get the complete changelog here: https://github.com/ngx-translate/http-loader/releases

    Installation

    We assume that you already installed ngx-translate.

    Now you need to install the npm module for TranslateHttpLoader:

    npm install @ngx-translate/http-loader --save

    NB: if you're still on Angular <4.3, please use Http from @angular/http with http-loader@0.1.0.

    Usage

    1. Setup the TranslateModule to use the TranslateHttpLoader:

    The TranslateHttpLoader uses HttpClient to load translations, which means that you have to import the HttpClientModule from @angular/common/http before the TranslateModule:

    import {NgModule} from '@angular/core';
    import {BrowserModule} from '@angular/platform-browser';
    import {HttpClientModule, HttpClient} from '@angular/common/http';
    import {TranslateModule, TranslateLoader} from '@chimung/ngx-translate-core';
    import {TranslateHttpLoader} from '@ngx-translate/http-loader';
    import {AppComponent} from "./app";
     
    // AoT requires an exported function for factories
    export function HttpLoaderFactory(http: HttpClient) {
        return new TranslateHttpLoader(http);
    }
     
    @NgModule({
        imports: [
            BrowserModule,
            HttpClientModule,
            TranslateModule.forRoot({
                loader: {
                    provide: TranslateLoader,
                    useFactory: HttpLoaderFactory,
                    deps: [HttpClient]
                }
            })
        ],
        bootstrap: [AppComponent]
    })
    export class AppModule { }

    The TranslateHttpLoader also has two optional parameters:

    • prefix: string = "/assets/i18n/"
    • suffix: string = ".json"

    By using those default parameters, it will load your translations files for the lang "en" from: /assets/i18n/en.json.

    You can change those in the HttpLoaderFactory method that we just defined. For example if you want to load the "en" translations from /public/lang-files/en-lang.json you would use:

    export function HttpLoaderFactory(http: HttpClient) {
        return new TranslateHttpLoader(http, "/public/lang-files/", "-lang.json");
    }

    For now this loader only support the json format.

    Install

    npm i @chimung/ngx-translate-http-loader

    DownloadsWeekly Downloads

    7

    Version

    0.0.2

    License

    MIT

    Unpacked Size

    30.5 kB

    Total Files

    20

    Last publish

    Collaborators

    • chimung