NgxLanguagePrefixer

This library was generated with Angular CLI version 18.2.0.

Code scaffolding

Run ng generate component component-name --project ngx-language-prefixer to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-language-prefixer.

Note: Don't forget to add --project ngx-language-prefixer or else it will be added to the default project in your angular.json file.

Build (prod)

Run npm run prod:build to build the project. The build artifacts will be stored in the dist/ directory.

Usage

Import

NgxLanguagePrefixerModule.forRoot({
    defaultLanguage: <language> (ex. 'en' from /public/i18n/en.json),
    langs: <language>[], list of available languages
})

Adittionally you can pass prefix and suffix similar to ngx-translate, to specify the generic path of your i18n file location. Ex:

NgxLanguagePrefixerModule.forRoot({
    ...
    prefix: 'i18n/',
    suffix: '.json?cb=' + new Date().getTime(),
    ...
})

Full example for Ro and En language used in /src/app/app.config.ts

export const appConfig: ApplicationConfig = {
  providers: [
    provideZoneChangeDetection({ eventCoalescing: true }),
    provideRouter(routes),
    importProvidersFrom(
      NgxLanguagePrefixerModule.forRoot({
        defaultLanguage: "en",
        prefix: "i18n/",
        suffix: ".json?cb=" + new Date().getTime(),
        langs: ["en", "ro"],
      } as NgxLanguagePrefixerOptions)
    ),
  ],
};

Usage of the NgxLanguagePrefixerService

The NgxLanguagePrefixerService exports currentLang, defaultLang and onLangChange() similar to ngx-translate properties.

Publishing

After building your library with npm run prod:build, go to the dist folder cd dist/ngx-language-prefixer and run npm publish.

Running unit tests

Run ng test ngx-language-prefixer to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.