@ng2-dynamic-forms/ui-ionic

Ionic UI package for ng2 Dynamic Forms

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
1,160122May 29, 2021Jun 1, 2016Minified + gzip package size for @ng2-dynamic-forms/ui-ionic in KB

Readme

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.