1.1.17 • Published 2 years ago
@zrbn-dynamic/ui-primeng v1.1.17
NG Dynamic Forms Prime NG UI
Installation
npm i @zrbn-dynamic/ui-primeng -S
Import
@NgModule({
imports: [DynamicFormsPrimeNGUIModule]
})
export class AppModule {}
Usage
with DynamicPrimeNGFormComponent
:
<form [formGroup]="myFormGroup">
<dynamic-primeng-form [group]="myFormGroup"
[model]="myFormModel"></dynamic-primeng-form>
</form>
with DynamicPrimeNGFormControlComponent
:
<form [formGroup]="myFormGroup">
<dynamic-primeng-form-control *ngFor="let controlModel of myFormModel"
[group]="myFormGroup"
[model]="controlModel"></dynamic-primeng-form-control>
</form>
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
<form [formGroup]="myFormGroup">
<dynamic-primeng-form [group]="myFormGroup"
[model]="myFormModel"
(pEvent)="onPEvent($event)"></dynamic-primeng-form>
</form>
Resources
1.1.9
2 years ago
1.1.12
2 years ago
1.1.11
2 years ago
1.1.10
2 years ago
1.1.16
2 years ago
1.1.15
2 years ago
1.1.14
2 years ago
1.1.13
2 years ago
1.1.17
2 years ago
1.1.8
2 years ago
1.1.7
2 years ago
1.1.6
2 years ago
1.1.5
2 years ago
1.1.4
2 years ago
1.1.3
2 years ago
1.1.2
2 years ago
1.1.1
2 years ago
1.1.0
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago