title: Template Driven Form Validation on Text area
body: <p>I added a text area to my angular form. all the input/mat-select fields work fine with the requried attribute. For the <code>textarea</code> I added a custom class to show a red border. For some reason when I click the clear button the two input fields automatically applies its own red class but my custom class for the <code>texarea</code>a does not unless it has been touched. Which is fine but does not match the styles of the input fields. How do I apply the same validation styles to the text area: <a href="https://stackblitz.com/edit/angular-mpefsn" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-mpefsn</a></p>
  
  <pre><code>.text-error.ng-invalid.ng-touched{
    border: 1px solid #b00b00;
  }
  </code></pre>
  
  <p>If you click on the clear button initially when the stack blitz loads you will see the two inputfields turn red but not the <code>textarea</code>. This is because I have the <code>ngtouched</code> class. But if I remove it then the textarea will initially be red.</p>