ngMessages en Angular moderno

<input name="email" type="email" ng-model="vm.email" required>
<div ng-messages="f.email.$error" ng-if="f.email.$touched">
  <p ng-message="required">Email is required</p>
  <p ng-message="email">Invalid email</p>
</div>

<input formControlName="email" type="email" />
@if (email.touched && email.invalid) {
  <div class="errors">
    @if (email.hasError('required')) {
      <p>Email is required</p>
    } @else if (email.hasError('email')) {
      <p>Invalid email</p>
    }
  </div>
}

// component
get email() { return this.form.controls.email; }