ng2 Dynamic Forms Ionic UI
Installation
npm install @ng2-dynamic-forms/ui-ionic -S
Import
@NgModule({
imports: [
// ...
ReactiveFormsModule,
DynamicFormsCoreModule.forRoot(),
DynamicFormsIonicUIModule
]
})
export class AppModule {}Usage
with DynamicIonicFormComponent:
<form [formGroup]="myFormGroup">
<dynamic-ionic-form [group]="myFormGroup"
[model]="myFormModel"></dynamic-ionic-form>
</form>with DynamicIonicFormControlComponent:
<form [formGroup]="myFormGroup">
<dynamic-ionic-form-control *ngFor="let controlModel of myFormModel"
[group]="myFormGroup"
[model]="controlModel"></dynamic-ionic-form-control>
</form>Form Controls
| Control | Model | Required Property |
|---|---|---|
| Checkbox | DynamicCheckboxModel |
– |
| Checkbox Group | DynamicCheckboxGroupModel |
– |
| DateTime |
DynamicDatePickerModel, DynamicTimePickerModel
|
– |
| Input | DynamicInputModel |
– |
| Radio Group | DynamicRadioGroupModel |
– |
| Range | DynamicSliderModel |
– |
| Select | DynamicSelectModel |
– |
| TextArea | DynamicTextAreaModel |
– |
| Toggle | DynamicSwitchModel |
– |