ng2 Dynamic Forms NG Bootstrap UI

Installation

``
npm install @ng2-dynamic-forms/ui-ng-bootstrap -S
`

Import

`ts
@NgModule({

imports: [
// ...
ReactiveFormsModule,
DynamicFormsCoreModule.forRoot(),
DynamicFormsNGBootstrapUIModule
]
})

export class AppModule {}
`

Usage

with DynamicNGBootstrapFormComponent:
`ts


[model]="myFormModel">

`

with DynamicNGBootstrapFormControlComponent:
`ts


[group]="myFormGroup"
[model]="controlModel">

`


Form Controls

| Control | Model | Required Property |
|:-----------------------------------------------------------------------------------------------: |:---------------------------: |:-----------------: |
| Calendar | DynamicDatePickerModel | inline: true |
| Checkbox | DynamicCheckboxModel | – |
| Checkbox Group | DynamicCheckboxGroupModel | – |
| DatePicker | DynamicDatePickerModel | – |
| Input | DynamicInputModel | – |
| Radio Group | DynamicRadioGroupModel | – |
| Select | DynamicSelectModel | – |
| TextArea | DynamicTextAreaModel | – |
| TimePicker | DynamicTimePickerModel` | – |

Sample

Live Demo