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

import { BrowserModule } from ‘@angular/platform-browser‘;
import { NgModule } from ‘@angular/core‘;
import { FormsModule } from ‘@angular/forms‘;
import { HttpModule, Http } from ‘@angular/http‘;
import { TranslateModule, TranslateLoader } from ‘@ngx-translate/core‘;
import { TranslateHttpLoader } from ‘@ngx-translate/http-loader‘;

import { AppComponent } from ‘./app.component‘;

export function createTranslateLoader(http: Http) {
    return new TranslateHttpLoader(http, ‘./assets/i18n/‘, ‘.json‘);
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [Http]
            }
        }),
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [Http]
            }
        }),

export function createTranslateLoader(http: Http) {
    return new TranslateHttpLoader(http, ‘./assets/i18n/‘, ‘.json‘);
}

import { Component } from ‘@angular/core‘;
import { TranslateService } from ‘@ngx-translate/core‘;


@Component({
  selector: ‘app-root‘,
  templateUrl: ‘./app.component.html‘,
  styleUrls: [‘./app.component.css‘]
})
export class AppComponent {

  constructor(public translate: TranslateService) {
        // this language will be used as a fallback when a translation isn‘t found in the current language
        translate.addLangs(["en", "ch"]);
        
        let browserLang = translate.getBrowserLang();
        console.log("browser languague: " + browserLang);
        translate.use(browserLang.match(/en|ch/) ? browserLang : ‘en‘);
    }
}