title: handling with multiple mat-errors
body: <p>I have my error handling for mat-input like this</p>
  
  <pre><code>      &lt;mat-form-field&gt;
          &lt;input formControlName="title" matInput placeholder="Title*" /&gt;
          &lt;mat-error *ngIf="addNewForm.get('title').errors?.required"&gt;
            Can not be empty
          &lt;/mat-error&gt;
          &lt;mat-error *ngIf="addNewForm.get('title').errors?.minlength"&gt;
            Min length is 1 character
          &lt;/mat-error&gt;
          &lt;mat-error *ngIf="addNewForm.get('title').errors?.maxlength"&gt;
            Max length is 255 characters
          &lt;/mat-error&gt;
        &lt;/mat-form-field&gt;
  
        &lt;mat-form-field&gt;
          &lt;input formControlName="name" matInput placeholder="Name*" /&gt;
          &lt;mat-error *ngIf="addNewForm.get('name').errors?.required"&gt;
            Can not be empty
          &lt;/mat-error&gt;
          &lt;mat-error *ngIf="addNewForm.get('name').errors?.minlength"&gt;
            Min length is 1 character
          &lt;/mat-error&gt;
          &lt;mat-error *ngIf="addNewForm.get('name').errors?.maxlength"&gt;
            Max length is 255 characters
          &lt;/mat-error&gt;
        &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>How to handle this directly in component, soo instead of writing all of this errors manually, 
  check all in component and dynamically set errors, something like this</p>
  
  <pre><code>      &lt;mat-form-field&gt;
          &lt;input formControlName="title" matInput placeholder="Title*" /&gt;
          &lt;mat-error&gt;{{ someError }}&lt;/mat-error&gt;
        &lt;/mat-form-field&gt;
  
        &lt;mat-form-field&gt;
          &lt;input formControlName="name" matInput placeholder="Name*" /&gt;
          &lt;mat-error&gt;{{ someError }}&lt;/mat-error&gt;
        &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>Here is component</p>
  
  <pre><code>this.addNewUserForm = this.formBuilder.group({
        title: [
          "",
          [
            Validators.required,
            Validators.minLength(1),
            Validators.maxLength(255),
            noWhitespaceValidator
          ]
        ],
        name: [
          "",
          [
            Validators.required,
            Validators.minLength(4),
            Validators.maxLength(255),
            noWhitespaceValidator
          ]
        ]
      });
  </code></pre>