title: Angular Form validation not showing on Angular form error
body: <p>This is my HTML </p>
  
  <pre><code> &lt;form [formGroup]="applicationDetailsForm" (ngSubmit)="appDetails(applicationDetailsForm.value)"&gt;
      &lt;label&gt;Organization Name&lt;/label&gt;
        &lt;input type="text" formControlName="appName" id="appName" required&gt;
        &lt;p class="error_message" *ngIf="
        applicationDetailsForm.get('appName').hasError('required') 
        &amp;&amp; applicationDetailsForm.get('appName').touched 
        &amp;&amp; applicationDetailsForm.get('appName').minLength 
        &amp;&amp; applicationDetailsForm.get('appName').maxLength"&gt;Provide a valid name&lt;/p&gt;
  </code></pre>
  
  <p>and this is my component </p>
  
  <pre><code>ngOnInit() {
      this.applicationDetailsForm = this.formBuilder.group({
        appName: new FormControl ('', Validators.compose([Validators.required, Validators.maxLength(32), 
          Validators.minLength(4)]))
  })
  </code></pre>
  
  <p>The errors in the Forms are not showing up.
  Please help!</p>