File

src/app/shared/dynamic-form/ui/dynamic-form/dynamic-form-ui.component.ts

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector dynamic-form-ui
templateUrl ./dynamic-form-ui.component.html

Index

Inputs
Outputs

Inputs

dynamicFormConfig
Type : DynamicFormConfig
formGroup
Type : FormGroup

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
Component
Html element with directive

result-matching ""

    No results matching ""