@ng-dynamic-forms/ui-material v18.0.0
NG Dynamic Forms Material UI
Installation
npm i @ng-dynamic-forms/ui-material -S
Import
@NgModule({
imports: [DynamicFormsMaterialUIModule]
})
export class AppModule {}
Usage
with DynamicMaterialFormComponent
:
<form [formGroup]="myFormGroup">
<dynamic-material-form [group]="myFormGroup"
[model]="myFormModel"></dynamic-material-form>
</form>
with DynamicMaterialFormControlComponent
:
<form [formGroup]="myFormGroup">
<dynamic-material-form-control *ngFor="let controlModel of myFormModel"
[group]="myFormGroup"
[model]="controlModel"></dynamic-material-form-control>
</form>
Form Controls
Control | Model | Required Property |
---|---|---|
Autocomplete | DynamicInputModel | list |
Checkbox | DynamicCheckboxModel | – |
Checkbox Group | DynamicCheckboxGroupModel | – |
Chips | DynamicInputModel | multiple: true |
Datepicker | DynamicDatePickerModel | – |
Input | DynamicInputModel | – |
Radio Group | DynamicRadioGroupModel | – |
Select | DynamicSelectModel | – |
Slider | DynamicSliderModel | – |
SlideToggle | DynamicSwitchModel | – |
Textarea | DynamicTextAreaModel | – |
Custom UI Events
<form [formGroup]="myFormGroup">
<dynamic-material-form [group]="myFormGroup"
[model]="myFormModel"
(matEvent)="onMatEvent($event)"></dynamic-material-form>
</form>
Resources
1 year ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago