title: How do I force the display of validation errors?
body: <p>I have a pretty standard Material Form and everything is sweet. </p>
  
  <p>When I submit my form, I optionally get validation errors, I loop through these matching the key to the control, then set the validation error. Like this with the loop removed. </p>
  
  <p>I don't really think it matters, but here is the relevant part. </p>
  
  <pre><code> const control = this.form.get(key);
   if (control) {
       control.setErrors({
           server: response.validationErrors[key]
       },{
           emitEvent: true
       });
  
       // I was trying things like
       // control.markAsTouched() but it did nothing
   }
  </code></pre>
  
  <p>At this point,  my form is displaying Red Fields which is great.</p>
  
  <p><a href="https://i.stack.imgur.com/NKo0i.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NKo0i.jpg" alt="shows red fields"></a></p>
  
  <p>But it doesn't show the error message until I interact with the field, which is an annoyance. </p>
  
  <p><a href="https://i.stack.imgur.com/TO84V.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TO84V.jpg" alt="shows red fields after interaction displaying the error"></a></p>
  
  <p>However, the thing that might be causing this, is that I am not using <code>&lt;form (submit)="onSubmit(model)"&gt;</code> syntax.  Therefor on my buttons i am not using <code>type=submit</code> and <code>attr.form="my-form"</code> </p>
  
  <p>So at no point is the form traditionally submitted.  I believe this may be an issue here. </p>
  
  <p>If I read the material <a href="https://material.angular.io/components/form-field/overview#error-messages" rel="nofollow noreferrer">Form Field Docs</a>.  It tells me:</p>
  
  <blockquote>
    <p>Error messages can be shown under the form field underline by adding
    mat-error elements inside the form field. Errors are hidden initially
    and will be displayed on invalid form fields after the user has
    interacted with the element or the parent form has been submitted.</p>
  </blockquote>
  
  <p>Notice that last line? I find it hard to properly understand it. </p>
  
  <p>Question:</p>
  
  <p><strong>Is there a mechanism that allows me to force the display of these validation errors straight away without the interaction?</strong></p>