Skip to content
This version of ngx-translate is not supported anymore. For more information see Support & Compatibility

Write & use your own loader

This content is for v16. Switch to the latest version for up-to-date documentation.

If you want to write your own loader, you need to create a class that implements TranslateLoader. The only required method is getTranslation that must return an Observable. If your loader is synchronous, just use Observable.of to create an observable from your static value.

class CustomLoader implements TranslateLoader {
getTranslation(lang: string): Observable<any> {
return Observable.of({KEY: 'value'});
}
}

Once you’ve defined your loader, you can provide it in your configuration by adding it to its providers property.

@NgModule({
imports: [
BrowserModule,
TranslateModule.forRoot({
loader: {provide: TranslateLoader, useClass: CustomLoader}
})
],
bootstrap: [AppComponent]
})
export class AppModule { }
Imprint Privacy