title: Ionic3/Angular Error: Must supply a value for form control with name: 'jobStatus'
body: <p>I have a Modal Form with the following code in the template markup</p>
  
  <pre><code>  &lt;form [formGroup]="modalFG"&gt;
    ...
    &lt;ion-item *ngIf="isChangeStatus()"&gt;
        &lt;ion-select formControlName="jobStatus"
                    (ionChange)="jobStatusChangeHandler($event)"&gt;
          &lt;ion-option value=4&gt;Success&lt;/ion-option&gt; 
          &lt;ion-option value=5&gt;Failure&lt;/ion-option&gt;
          &lt;ion-option value=6&gt;Terminated&lt;/ion-option&gt; 
          &lt;ion-option value=8&gt;Inactive&lt;/ion-option&gt; 
        &lt;/ion-select&gt;
    &lt;/ion-item&gt;
    &lt;/form&gt;
  </code></pre>
  
  <p>In the Typescript I've specified a value, but I can't get past this error.</p>
  
  <p><strong>Error: Must supply a value for form control with name: 'jobStatus'.</strong></p>
  
  <p><em>Can someone tell me what I'm doing wrong?</em></p>
  
  <pre><code>...
  private modalFG:FormGroup;
  private jobStatus:number;
  constructor(
    private navParams:NavParams,
    private view:ViewController,
    private fb: FormBuilder,
    ...
  ) {
      this.changeStatus = false;
      this.modalFG = fb.group({
        comment: ['', Validators.required],
        jobStatus: this.jobStatus
      });
  }
  private ionViewWillLoad():void {
      const data = this.navParams.get('data');
      this.modalFG.setValue({'jobStatus': this.jobStatus});
  }
  
  private jobStatusChangeHandler(ev:any) {
      console.log(ev);
  }
  
  private isChangeStatus():boolean {
      return this.changeStatus;
  }
  </code></pre>
  
  <p>I also have button handler for submit with this:</p>
  
  <pre><code>this.exitData.jobStatus = this.modalFG.get('jobStatus').value;
  this.view.dismiss(this.exitData);
  </code></pre>
  
  <p>This is the full error message:</p>
  
  <pre><code>Error: Must supply a value for form control with name: 'jobStatus'.
      at http://localhost:8100/build/vendor.js:22102:23
      at http://localhost:8100/build/vendor.js:22026:66
      at Array.forEach (&lt;anonymous&gt;)
      at FormGroup._forEachChild (http://localhost:8100/build/vendor.js:22026:36)
      at FormGroup._checkAllValuesPresent (http://localhost:8100/build/vendor.js:22100:14)
      at FormGroup.setValue (http://localhost:8100/build/vendor.js:21907:14)
      at ModalPage.webpackJsonp.124.ModalPage.ionViewWillLoad (http://localhost:8100/build/main.js:648:22)
      at ModalImpl.ViewController._lifecycle (http://localhost:8100/build/vendor.js:17471:33)
      at ModalImpl.ViewController._willLoad (http://localhost:8100/build/vendor.js:17331:14)
      at OverlayPortal.NavControllerBase._willLoad (http://localhost:8100/build/vendor.js:44112:18)
  </code></pre>
  
  <p>Since it says ionViewWillLoad in the call stack, the error must be something in that section AFAIK!</p>