Ngx Form Control

This module is used for Angular 6.
This module help you to quickly generate bootstrap controls.

How to use:
-------------

$3

``html
npm i ngx-form-control
`

Import library

Edit .angular.json
`json
{
"projects": {
"": {
...
"architect": {
"build": {
...
"options": {
...
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/select2/dist/css/select2.min.css",
...
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/select2/dist/js/select2.min.js",
...
],
...
},
...
}
}
},
...
}
}
`

$3

Edit in src/app/app.module.ts:
`typescript
//...
import { FormsModule } from '@angular/forms';
import { FormControlModule } from 'ngx-form-control';

@NgModule({
//...
imports: [
//...
FormsModule,
FormControlModule
],
//...
})
//...
`

And call in component:

$3

`html

label="Email *"
placeholder="Type your email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$"
required="true"
[(ngModel)]="data.email">
`

`html

label="Password *"
type="password"
placeholder="Type your password"
required="true"
minlength="3"
[(ngModel)]="data.password">

label="Repeat password *"
type="password"
placeholder="Type your password again"
[match]="data.password"
required="true"
[(ngModel)]="data.repeatPassword">
`

$3

`html
label="Description"
placeholder="Type your description"
[(ngModel)]="data.description">
`

$3

`html
label="Gender *"
placeholder="Select your gender"
required="true"
valueKey="value"
[options]="listGender"
[(ngModel)]="data.gender">
`

$3

`html
label="Gender *"
placeholder="Select your gender"
required="true"
valueKey="value"
[options]="listGender"
[(ngModel)]="data.gender">
`

$3

`html
label="Gender *"
required="true"
valueKey="value"
[options]="listGender"
[(ngModel)]="data.gender">
`

$3

`html
label="Skills *"
required="true"
multiple="true"
[options]="listSkill"
[(ngModel)]="data.skill">
`

$3

`html

label="I agree to receive ad email!"
required="true"
[(ngModel)]="data.allowAd">
`

`html

label="I agree to receive ad email!"
required="true"
type="toggle"
[(ngModel)]="data.allowAd">
``