ngx validator for component

ngx-validator-for is angular component and it's purpose is to display form validation errors.

Parameters

---

errors

error messages to display. [errors]="errors"

Sample:

---

<form #heroForm="ngForm">
            <ngx-label-for
                [model]="model"
                [field]="'age'"></ngx-label-for>
            <ngx-input-for
                [model]="model"
                name="age"
                class="form-control"
                [(ngModel)]="model.age"></ngx-input-for>
            <ngx-validator-for
                [errors]="heroForm.controls['age']?.errors"
                class="text-danger"></ngx-validator-for>
  <input type="submit" value="Save" >
</form>

import { Component, OnInit } from '@angular/core';
import { Hero } from '../hero';

@Component({
  selector: 'app-hero',
  templateUrl: './hero.component.html',
  styleUrls: ['./hero.component.css']
})
export class HeroComponent implements OnInit {

  heroItem: Hero;

  constructor() { }

  ngOnInit() {
    this.heroItem = new Hero();
  }
}