NG Dynamic Forms Prime NG UI

Installation

``
npm i @zrbn-dynamic/ui-primeng -S
`

Import

`ts
@NgModule({

imports: [DynamicFormsPrimeNGUIModule]
})

export class AppModule {}
`

Usage

with DynamicPrimeNGFormComponent:
`ts


[model]="myFormModel">

`

with DynamicPrimeNGFormControlComponent:
`ts


[group]="myFormGroup"
[model]="controlModel">

`

Form Controls

| Control | Model | Required Property |
|:-----------------------------------------------------------------------: |:--------------------------------------------------: |:---------------------: |
| AutoComplete | DynamicInputModel | list |
| Calendar | DynamicDatePickerModel, DynamicTimePickerModel | – |
| Checkbox | DynamicCheckboxModel | – |
| Chips | DynamicInputModel | multiple: true |
| ColorPicker | DynamicColorPickerModel | – |
| Dropdown | DynamicSelectModel | – |
| Editor | DynamicEditorModel | – |
| InputMask | DynamicInputModel | mask |
| InputSwitch | DynamicSwitchModel | – |
| InputText | DynamicInputModel | – |
| InputTextArea | DynamicTextAreaModel | – |
| MultiSelect | DynamicSelectModel | multiple: true |
| Radio Group | DynamicRadioGroupModel | – |
| Rating | DynamicRatingModel | – |
| Slider | DynamicSliderModel | – |
| Spinner | DynamicInputModel | inputType: "number" |

Custom UI Events


`ts

[model]="myFormModel"
(pEvent)="onPEvent($event)">

``

Resources

* API Documentation
* Live Sample