19.0.3 • Published 1 year ago
@danielhokanson/ng-dynamic-forms-ui-material v19.0.3
NG Dynamic Forms Material UI
Installation
npm i @danielhokanson/ng-dynamic-forms-ui-material -SImport
@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>