title: Show form validation errors on submit in angular template driven form
body: <p>I have created template driven form in Angular.</p>
  
  <pre><code>&lt;form novalidate #f="ngForm" (ngSubmit)="onSubmit(f)"&gt;
  &lt;input type="text" class="form-control" name="fullName" #fullName="ngModel" required&gt;
  &lt;div *ngIf="fullName.errors?.required &amp;&amp; fullName.touched" class="validation-message"&gt;Required&lt;/div&gt;
  &lt;button type="submit"&gt;Post&lt;/button&gt;
  </code></pre>
  
  <p>It shows error when it is invalid and touched. I need to display error when form is submitted i.e. when the submit button is clicked.</p>
  
  <pre><code>onSubmit({value, valid}): void {
      if (valid) {
        console.log(value);
      } else {
        console.log('invalid form');
      }
    }
  </code></pre>