ClvAngularBoot

This library is a bootstrap project for angular framework.

Installation

Run npm install clv-angular-boot --save to install library and import ClvAngularBoot in your AppModule or other Module.
And Enjoys.

Usages

In your Module
``typescript
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {HttpClientModule} from '@angular/common/http';
import {ClvAngularBootModule} from 'clv-angular-boot'; // < ---- import module

@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
HttpClientModule,
ReactiveFormsModule,
// ...
ClvAngularBootModule, // <----- add module here
// ...
]
})
export class AppModule {
}

`

$3

1/- First create your models
``typescript
export class AdresseModel {
ville: string;
pays: string;

constructor(ville: string, pays: string) {
this.ville = ville;
this.pays = pays;
}
}

export class TelephoneModel {
numero = 2;
adresse: AdresseModel = new AdresseModel('', '');
}


export class PersonneModel {
nom: string = 'John';
prenoms: string = 'Doe';
adresse: AdresseModel = new AdresseModel('', '');
telephones: TelephoneModel[] = [new TelephoneModel()];
}
``
2/- Create a form component
``typescript
@Component({
selector: 'app-form-test',
template:

telephones

Ajouter

Supprimer

Send
reset


})
export class FormTestComponent extends ClvForm implements OnInit {
personne = new PersonneModel();

constructor(public httpClient: HttpClient,
alertShower: ClvAlertMessageShower,
toastShower: ClvToastMessageShower,
snakeShower: ClvSnakebarMessageShower) {
super(httpClient, alertShower, toastShower, snakeShower);
this.requestSetter.url = 'http://localhost:4200';
this.requestSetter.method = ClvRequestMethod.POST;
}

ngOnInit(): void {
this.buildFormByObject(new PersonneModel());
}
}
```

$3

#### 1- ClvRequest
Create a request object.
#### 2- ClvRequestSender
Send ClvRequest by call of sendRequest(request: ClvRequest) method, and return an Observable>
#### 3- ClvForm
Create an angular reactive form from any object given in parameter of buildFormByObject(obj: any)