@dinazor/ui-ng-bootstrap
v12.0.6
Published
NG Bootstrap UI package for NG Dynamic Forms
Downloads
23
Maintainers
Readme
NG Dynamic Forms NG Bootstrap UI
Installation
npm i @ng-dynamic-forms/ui-ng-bootstrap -S
Import
@NgModule({
imports: [DynamicFormsNGBootstrapUIModule]
})
export class AppModule {}
Usage
with DynamicNGBootstrapFormComponent
:
<form [formGroup]="myFormGroup">
<dynamic-ng-bootstrap-form [group]="myFormGroup"
[model]="myFormModel"></dynamic-ng-bootstrap-form>
</form>
with DynamicNGBootstrapFormControlComponent
:
<form [formGroup]="myFormGroup">
<dynamic-ng-bootstrap-form-control *ngFor="let controlModel of myFormModel"
[group]="myFormGroup"
[model]="controlModel"></dynamic-ng-bootstrap-form-control>
</form>
Form Controls
| Control | Model | Required Property |
|:-----------------------------------------------------------------------------------------------: |:---------------------------: |:-----------------: |
| Calendar | DynamicDatePickerModel
| inline: true
|
| Checkbox | DynamicCheckboxModel
| – |
| Checkbox Group | DynamicCheckboxGroupModel
| – |
| DatePicker | DynamicDatePickerModel
| – |
| Input | DynamicInputModel
| – |
| Radio Group | DynamicRadioGroupModel
| – |
| Rating | DynamicRatingModel
| – |
| Select | DynamicSelectModel
| – |
| TextArea | DynamicTextAreaModel
| – |
| TimePicker | DynamicTimePickerModel
| – |