title: Error messages according to the validation patterns in Angular
body: <p>I would like to divide the error messages according to the validation patterns,for example, in below, there are 2 patterns </p>
  
  <p><code>Validators.pattern(/[^ +]/),
  Validators.pattern(/^[ +|a-zA-Z0-9]+$/),
  </code></p>
  
  <p>but only one message can be set.</p>
  
  <p><code>&lt;md-error *ngIf="locaCd.errors?.pattern"&gt;
   onny blank is unacceptable AND must be filled by a~z,A~Z or number.
  &lt;/md-error&gt;</code></p>
  
  <p>Is there anyway to divide into each witout making CustomValidation??</p>
  
  <p><a href="https://i.stack.imgur.com/Mz6OZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Mz6OZ.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/oRuTj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/oRuTj.png" alt="enter image description here"></a></p>