PrimeNG UI package for ng2 Dynamic Forms
npm install @ng2-dynamic-forms/ui-primeng
npm install @ng2-dynamic-forms/ui-primeng -S
`Import
`ts
@NgModule({ imports: [
// ...
ReactiveFormsModule,
DynamicFormsCoreModule.forRoot(),
DynamicFormsPrimeNGUIModule
]
})
export class AppModule {}
`Usage
with
DynamicPrimeNGFormComponent:
`ts
`with
DynamicPrimeNGFormControlComponent:
`ts
`
Form Controls
| Control | Model | Required Property |
|:-----------------------------------------------------------------------: |:--------------------------------------------------: |:---------------------: |
| AutoComplete |
DynamicInputModel | list |
| Calendar | DynamicDatePickerModel, DynamicTimePickerModel | – |
| Checkbox | DynamicCheckboxModel | – |
| Chips | DynamicInputModel | multiple: true |
| 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"` |