title: Reactive form for each table row
body: <p>I'm using Angular 2 and I want to validate controls in each row separately. But I'm not getting any way to do that. I want it to be done using reactive forms only and not using template-driven approach. I want [formGroup] on each <code>&lt;tr&gt;</code>. Any help will be appreciated. Below is the structure of my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tbody *ngFor="let single of allTeamDetails"                
         [ngClass]="{'alternate-row-color': $even}"&gt;
    &lt;tr&gt;
      &lt;td class="td-data first-column"&gt;
        &lt;input type="text" class="input-text form-control" 
               [value]="single.first_name"&gt;
      &lt;/td&gt;
      &lt;td class="td-data second-column"&gt;
        &lt;input type="text" class="input-text form-control" 
               [value]="single.last_name"&gt;
      &lt;/td&gt;
      &lt;td class="td-data third-column"&gt;
        &lt;input type="email" class="input-text form-control" 
               [value]="single.email"&gt;
      &lt;/td&gt;
      &lt;td class="td-data fourth-column"&gt;
        &lt;select class="selection-dropdown width-80-percent" 
                [value]="single.user_role"&gt;
          &lt;option *ngFor="let singleRole of allUserRole"      
                  value="{{singleRole.name}}"&gt; 
                  {{setUserRoleAndType(singleRole.name)}}&lt;/option&gt;
        &lt;/select&gt;
      &lt;/td&gt;
      &lt;td class="td-data fifth-column" &gt;
        &lt;input type="password" class="input-text form-control"&gt;
      &lt;/td&gt;
      &lt;td class="td-data sixth-column" &gt;
        &lt;input type="password" class="input-text form-control"&gt;
      &lt;/td&gt;
      &lt;td class="td-data save-send-tm-data"&gt;
        &lt;button class="btn save-user-details save-sub-account-details"                                                      
                type="button" data-toggle="tooltip" title="Save"&gt;
          &lt;i class="fa fa-floppy-o" aria-hidden="true"&gt;&lt;/i&gt;
        &lt;/button&gt;
      &lt;/td&gt;
      &lt;td class="td-data save-send-tm-data"&gt;
        &lt;button type="button"                                      
                class="btn save-user-details save-sub-account-details"  
                data-toggle="tooltip" title="Send Message"                       
                (click)="openSendMessageModal(single.email)"&gt;
          &lt;i class="fa fa-envelope" aria-hidden="true"&gt;&lt;/i&gt; 
        &lt;/button&gt;
      &lt;/td&gt;
    &lt;tr&gt;
  &lt;/tbody&gt;
  </code></pre>