nm-dynamic-form-errors
src/app/shared/widgets/dynamic-form/errors/dynamic-form-errors.component.ts
changeDetection | ChangeDetectionStrategy.OnPush |
selector | nm-dynamic-form-errors |
styleUrls | dynamic-form-errors.component.scss |
templateUrl | ./dynamic-form-errors.component.html |
Widget inputs |
Widget outputs |
Inputs |
errors
|
List of errors: validation message and parameter for each
Type: |
field
|
Dynamic form fields
Type: |
import { ChangeDetectionStrategy, Component, Input } from "@angular/core";
import { DynamicFormField } from "../dynamic-form-component/dynamic-form-fields.component";
import { ValidationError } from "../../../components/validation/validators";
@Component({
selector: "nm-dynamic-form-errors",
templateUrl: "./dynamic-form-errors.component.html",
styleUrls: ["./dynamic-form-errors.component.scss"],
changeDetection: ChangeDetectionStrategy.OnPush,
})
export class DynamicFormErrorsComponent {
/**
* List of errors: validation message and parameter for each
*/
@Input() errors: ValidationError[];
/**
* Dynamic form fields
*/
@Input() field: DynamicFormField;
}
<ul>
<li *ngFor="let error of errors | keyvalue">
{{ error.value.message | translate: error.value.parameters }}
</li>
</ul>