@WidgetComponent

nm-dynamic-form-errors

File

src/app/shared/widgets/dynamic-form/errors/dynamic-form-errors.component.ts

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector nm-dynamic-form-errors
styleUrls dynamic-form-errors.component.scss
templateUrl ./dynamic-form-errors.component.html

Index

Widget inputs
Widget outputs
Inputs

Inputs

errors

List of errors: validation message and parameter for each

Type: ValidationError[]

field

Dynamic form fields

Type: DynamicFormField

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

results matching ""

    No results matching ""