18.0.0 • Published 9 months ago
@ng-dynamic-forms/ui-ngx-bootstrap v18.0.0
NG Dynamic Forms ngx-bootstrap UI
Installation
npm i @ng-dynamic-forms/ui-ngx-bootstrap -S
Import
@NgModule({
imports: [DynamicFormsNGxBootstrapUIModule]
})
export class AppModule {}
Usage
with DynamicNGxBootstrapFormComponent
:
<form [formGroup]="myFormGroup">
<dynamic-ngx-bootstrap-form [group]="myFormGroup"
[model]="myFormModel"></dynamic-ngx-bootstrap-form>
</form>
with DynamicNGxBootstrapFormControlComponent
:
<form [formGroup]="myFormGroup">
<dynamic-ngx-bootstrap-form-control *ngFor="let controlModel of myFormModel"
[group]="myFormGroup"
[model]="controlModel"></dynamic-ngx-bootstrap-form-control>
</form>
Form Controls
Control | Model | Required Property |
---|---|---|
Checkbox | DynamicCheckboxModel | – |
Checkbox Group | DynamicCheckboxGroupModel | – |
Datepicker | DynamicDatePickerModel | – |
Input | DynamicInputModel | – |
Radio Group | DynamicRadioGroupModel | – |
Rating | DynamicRatingModel | – |
Select | DynamicSelectModel | – |
TextArea | DynamicTextAreaModel | – |
Timepicker | DynamicTimePickerModel | – |