title: How to grab ID from multiple selected checkbox's on submit? Ionic 2+ / Angular 2+
body: <p>I'm having trouble getting the id of the checked item on submit. I'm able to retrieve the selected id on change but not on submit. Note - the data that I'm getting back does not have a checked value. So there might be a way to push a selected value into the data structure but unsure how to do so. </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form [formGroup]="itemForm" (ngSubmit)="submit(itemForm)"&gt;
      &lt;ion-list &gt;
        &lt;div&gt;
        &lt;ion-item&gt;
          &lt;ion-checkbox formControlName="selectAll" (click)="checkAll()" [(ngModel)]="selectedAll" &gt;&lt;/ion-checkbox&gt;
        &lt;/ion-item&gt; 
  
      &lt;ion-item *ngFor="let item of items"&gt;
          &lt;ion-label&gt;
          {{item.text}}
          &lt;/ion-label&gt;
          &lt;ion-checkbox [checked]="selectedAll" formControlName="recvd" value="item.id" (ionChange)="select(item)"&gt;&lt;/ion-checkbox&gt;
      &lt;/ion-item&gt;
  
        &lt;/div&gt;
          &lt;button ion-button full type="submit"&gt;&lt;/button&gt;
      &lt;/ion-list&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>TS</p>
  
  <pre><code>export class MessagesPage {
  selectedAll: boolean = false;
   items: [];
  
  constructor(){}
  
  submit(form){
  
    console.log(form.value, 'FORMVALUE HERE') // this returns true
  
  }
  
  select(item){
  
    console.log(item) //this returns the selected item on change with the id
  }
  
  }
  </code></pre>