Add form with validation and messages

[brunolm]

ng g c heroes/hero-edit

Add ReactiveFormsModule from @angular/forms into heroes.module.ts.

Bind (ngSubmit) on form. Link form to FormGroup object.

<form (ngSubmit)="submit()" [formGroup]="heroForm">

Use constructor(private formBuilder: FormBuilder) { to build all controls of your form.

this.formBuilder.group({
  fieldName: this.formBuilder.control('default value', [validator(s)]);
});