NG Dynamic Forms Ionic UI
Installation
npm i @ng-dynamic-forms/ui-ionic -S
Import
@NgModule({
imports: [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 |
– |
Custom UI Events
<form [formGroup]="myFormGroup">
<dynamic-ionic-form [group]="myFormGroup"
[model]="myFormModel"
(ionEvent)="onIonEvent($event)"></dynamic-ionic-form>
</form>