title: How to validate child component from parent component without clicking or touching in Angular
body: <p>I have a child component call app-account included a submit form with some input fields validattors like this</p>
  
  <pre><code>this.user = this.fb.group({
          usrname: new FormControl('', Validators.compose([Validators.required])),
          password: new FormControl('', Validators.compose([Validators.required, Validators.minLength(6)]))});
  </code></pre>
  
  <p>and in HTML template</p>
  
  <pre><code>&lt;form [formGroup]="user" (ngSubmit)="onSubmit()"&gt;
  
  &lt;mat-form-field&gt;
      &lt;input matInput placeholder="Account" formControlName="usrname"&gt;
      &lt;mat-error *ngIf="!!user.controls.usrname.errors?.required"&gt;{{usrrequire_msg}}
      &lt;/mat-error&gt;
  &lt;/mat-form-field&gt;
  
  &lt;mat-form-field&gt;
      &lt;input matInput type="password" placeholder="Password" formControlName="password"&gt;
      &lt;mat-error *ngIf="!!user.controls.password.errors?.required"&gt;
          {{pwrequire_qmsg}}
      &lt;/mat-error&gt;
      &lt;mat-error *ngIf="!!user.controls.password.hasError('minlength')"&gt;
          {{pwminimum_msg}}
      &lt;/mat-error&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p></p>
  
  <p>I embedded this component like a child comp to a parent component HTML</p>
  
  <pre><code>&lt;app-account&gt;&lt;/app-account&gt;
  </code></pre>
  
  <p>and in the parent component i have a button to Submit</p>
  
  <p>Layout is load fine but when i click submit button from parent component with any clicking or touching to child input field => Have not any error validate message is display?</p>
  
  <p>How can i resolve it, thanks!</p>