title: Angular 9 ReactiveFormsModule - email validation
body: <p>I have currently facing an issue of getting the email valdiated properly:<br>
  If I set "Validators.email" then: me@host is validated to true, which is not suitable in my case.  </p>
  
  <p><strong>me@host should not validate,<br>
  me@host.domain should validate.</strong></p>
  
  <p>I have tried the following two methods, none of them are helping. Only required is being validated properly but not the email validation.</p>
  
  <pre><code>Email: new FormControl('', [
    Validators.required,
    Validators.pattern('^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]+$')
  ])
  
  Email: new FormControl('', Validators.compose([
    Validators.required,
    Validators.pattern('^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]+$')
  ]))
  </code></pre>
  
  <p><a href="https://stackblitz.com/edit/angular-xmfzxv" rel="nofollow noreferrer"><strong>Stackblitz example</strong></a>  </p>
  
  <p>solutions please...</p>