1.1.17 • Published 10 months 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
10 months ago
1.1.12
10 months ago
1.1.11
10 months ago
1.1.10
10 months ago
1.1.16
10 months ago
1.1.15
10 months ago
1.1.14
10 months ago
1.1.13
10 months ago
1.1.17
10 months ago
1.1.8
10 months ago
1.1.7
10 months ago
1.1.6
11 months ago
1.1.5
11 months ago
1.1.4
11 months ago
1.1.3
11 months ago
1.1.2
11 months ago
1.1.1
11 months ago
1.1.0
11 months ago
1.0.4
12 months ago
1.0.3
12 months ago
1.0.2
12 months ago
1.0.1
12 months ago
1.0.0
12 months ago