title: How to add angular2-select in each row of table in angular2.Each row having checkbox.
body: <p>I added the checkbox in each row of table and each row having angular2 select also.I checked the first and second row.Then I select from first row's angular2 select.I want the selected option of first row should updated to all checked row angular2 select.But it is not updating the select checked row angular2 select.</p>
  
  <p><a href="https://i.stack.imgur.com/8DQYO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8DQYO.png" alt="enter image description here"></a>
  I checked two rows and select "kray" value of first ng-select but it is not updating the second row ng-select.The second ng-selct selected value should be "kray" </p>
  
  <p>Please help me.</p>
  
  <p><a href="https://i.stack.imgur.com/Dna2f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dna2f.png" alt="enter image description here"></a></p>
  
  <p>Here is my code</p>
  
  <pre><code>&lt;tbody class="set-font"&gt;
      &lt;tr [class.info]="tr.status" 
        *ngFor="let tr of activeTabData let i = index" class="tros-auditors"&gt;
        &lt;td scope="row"&gt; 
          &lt;input type="checkbox" value={{tr.id}} 
              class="checkedauditors"
              id={{tr.checkboxId}}
              (click)="toggleCheck(tr,i)"
              [(ngModel)]="tr.status"
              &gt;&lt;/td&gt;
              &lt;td&gt;{{tr.clientCode}}&lt;/td&gt;
              &lt;td&gt;{{tr.carrierCode}}&lt;/td&gt;
              &lt;td&gt;&lt;div&gt;&lt;my-date-picker [options]="myDatePickerOptions" id={{i}} 
                  (dateChanged)="onDateChanged($event)"
                  [selDate]="selectedDate"
                  &gt;
                  &lt;/my-date-picker&gt;
                &lt;/div&gt;
        &lt;/td&gt;
        &lt;td [formGroup]="form"&gt;
          &lt;ng-select id={{i}}
            [options]="optss" 
            placeholder="{{tr.assignee}}" 
            formControlName="selectSingle" 
            (opened)="onSingleOpened1(i)" 
            (closed)="onSingleClosed1()" 
            (selected)="onSingleSelectedManager1($event,i)"
             [(ngModel)]="hideSelectedAuditor"
            (deselected)="onSingleDeselected($event)"&gt;
          &lt;/ng-select&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  </code></pre>
  
  <p>The JSON</p>
  
  <pre><code>{
      [{
          "clientCode": "NIKE",
          "carrierCode": "FDE",
          "auditDeadlineDate": "11/11/2016",
          "assignee": "Flansdon",
      }, {
          "clientCode": "NIKE",
          "carrierCode": "FDE",
          "auditDeadlineDate": "05/29/2017",
          "assignee": "Flansdon"
      },{
          "clientCode": "NIKE",
          "carrierCode": "FDE",
          "auditDeadlineDate": "06/01/2017",
          "assignee": "Flansdon"
      }],
  }
  </code></pre>
  
  <p>mydata.ts file below</p>
  
  <pre><code>  onSingleSelectedManager1(item,index) {
      console.log("This is Index",index);
      for(let i=0;i&lt;this.checkedArray.length;i++){
        this.checkedArray[i].assignee = item.label;
      }
    }
  </code></pre>