title: Angular 7 email validation using regex on reactive form
body: <p>On Angular, I am trying to validate email using following regex - </p>
  
  <pre><code>^(([^&lt;&gt;()[\]\\.,;:\s@\"]+(\.[^&lt;&gt;()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$
  </code></pre>
  
  <p>Like below - </p>
  
  <pre><code>createGroupForm() {
      this.childGroupForm = new FormGroup({
          'groupName': new FormControl(null, Validators.compose([
              Validators.required
          ])),
          'groupEmail': new FormControl(null, Validators.compose([
              Validators.pattern('^(([^&lt;&gt;()[\]\\.,;:\s@\"]+(\.[^&lt;&gt;()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$')
          ]))
      });
  }
  </code></pre>
  
  <p>But looks like it's not working. It always display "Email is invalid.", even though it is valid. </p>