File
Metadata
changeDetection |
ChangeDetectionStrategy.OnPush |
selector |
dynamic-form-ui |
templateUrl |
./dynamic-form-ui.component.html |
Outputs
formSubmitted
|
Type : EventEmitter<any>
|
|
import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from "@angular/core"
import { FormGroup } from '@angular/forms'
import { DynamicFormConfig } from '../../models/dynamic-form-config.model'
@Component({
selector: 'dynamic-form-ui',
templateUrl: './dynamic-form-ui.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class DynamicFormUiComponent {
@Input() dynamicFormConfig: DynamicFormConfig
@Input() formGroup: FormGroup
@Output() formSubmitted: EventEmitter<any> = new EventEmitter<any>()
}
<form [formGroup]="formGroup" (ngSubmit)="formSubmitted.emit(formGroup.value)">
<ng-container
*ngFor="let formInput of dynamicFormConfig.inputs"
dynamicFormField
[formInput]="formInput"
[formGroup]="formGroup">
</ng-container>
</form>
Legend
Html element with directive