spg-lib

SpgLib

This library was generated with Angular CLI version 10.1.0.

Code scaffolding

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

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

Build

Run ng build spg-lib to build the project. The build artifacts will be stored in the dist/ directory.

Publishing

After building your library with ng build spg-lib, go to the dist folder cd dist/spg-lib and run npm publish.

Running unit tests

Run ng test spg-lib to execute the unit tests via Karma.

Using Spg-lib

Installation

Run npm install spg-lib

Configuring translations

On app.module.ts, import SpgLibModule.forRoot(<TranslationKeys>{ .... }). See TranslationKeys for all possible translation keys to override. If key is not provided, the english default will be used.

Providing or injection translation service

On app.module.ts providers section, insert the following:

provider [
   ....,
   { provide: TRANSLATE_SERVICE_ADAPTER, useExisting: TranslateBridgeService },
   ....
]

TranslateBridgeService

import { Injectable } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { TranslateServiceAdapter } from 'spg-lib';

@Injectable()
export class TranslateBridgeService implements TranslateServiceAdapter {
  constructor(private translate: TranslateService) {}
  instant(key: string, interpolation?: any) {
    return this.translate.instant(key, interpolation);
  }
}

Importing spg-lib scss file. This is required.

On main scss file, add the following import:

@import '~spg-lib/styles/app';

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.