title: How to validate template driven form inside table with different fields?
body: <p>In my ionic-angular application I am using Template driven forms, When I submit the form without touching the input fields it should display the error message, but in this case I am not able to display the error message in the span.</p>
  
  <p>You can see the comments in which the error-message is written.
  How do I validate this form?</p>
  
  <p><strong>Page.html</strong></p>
  
  <pre><code>  &lt;form (ngSubmit)="submitForm()" #form="ngForm"&gt;
      &lt;table&gt;
      &lt;tr&gt;
      &lt;td&gt;
      &lt;ion-input type="text" #c1 [(ngModel)]="c" name="c" required&gt;
      &lt;/td&gt;
  
      &lt;td&gt;
      &lt;ion-input type="text" #c2 [(ngModel)]="d" name="d" required&gt;
      &lt;/td&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  
      &lt;span *ngIf="c1.pristine &amp;&amp; c2.pristine &amp;&amp; form.submitted"&gt;Plese enter codes&lt;/span&gt; //error-message is not printing.
  
      &lt;button type="submit"&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
  </code></pre>