bdt105angulartranslatecomponent/README.md

Access to MySql database API

# Angular Translate Component

## Principle
Allows to easyly translate 

## Dependencies
bdt105toolbox (https://github.com/bdt105/modules/tree/master/toolbox)

## Installation
In your app.module.ts insert


``` 
import { ConfigurationService } from 'bdt105angularconfigurationservice';
import { NgModule, APP_INITIALIZER } from '@angular/core';

...

export function init (config: ConfigurationService) {
    config.load();
    return () => {
        return config.load(); // add return
    };
}

@NgModule({
    declarations: [
        ],
    imports: [
        ],
    providers: [
        {
            'provide': APP_INITIALIZER,
            'useFactory': init,
            'deps': [ ConfigurationService ],
            'multi': true
        },
        ConfigurationService
        ],
    bootstrap: [AppComponent]    
});

...

providers: [ ConfigurationService ];

```

Into your component

``` 
import { ConfigurationService } from 'bdt105angularconfigurationservice';

...

constructor(private configurationService: ConfigurationService) {}

public getConfigurationBackgroungColor(){
    let conf = this.configurationService.get();
    return conf.backgroundColor;
}
```

## Principle
Allows to read a configuration file before the angular app starts

## Dependencies
bdt105toolbox (https://github.com/bdt105/modules/tree/master/toolbox)

## Installation
In your app.module.ts insert


``` 
import { ConfigurationService } from 'bdt105angularconfigurationservice';
import { NgModule, APP_INITIALIZER } from '@angular/core';

...

export function init (config: ConfigurationService) {
    config.load();
    return () => {
        return config.load(); // add return
    };
}

@NgModule({
    declarations: [
        ],
    imports: [
        ],
    providers: [
        {
            'provide': APP_INITIALIZER,
            'useFactory': init,
            'deps': [ ConfigurationService ],
            'multi': true
        },
        ConfigurationService
        ],
    bootstrap: [AppComponent]    
});

...

providers: [ ConfigurationService ];

```

Into your component

``` 
import { ConfigurationService } from 'bdt105angularconfigurationservice';

...

constructor(private configurationService: ConfigurationService) {}

public getConfigurationBackgroungColor(){
    let conf = this.configurationService.get();
    return conf.backgroundColor;
}
```