title: Ionic2 dualknob range value inside a formcontrol using angular2
body: <p>I am trying to get form values as an object. Except for dualknob range i am getting values as expected.Can any one guide me how to get ionic2 dualKnob value using form control.</p>
  
  <p>This is my html code:</p>
  
  <pre><code>&lt;form [formGroup]="complexForm" (change)="submitForm(complexForm.value)"&gt;   
   &lt;div class="form-group"&gt;
      &lt;ion-list-header class="search-range"&gt;
        &lt;span&gt;&lt;strong&gt;Age&lt;/strong&gt;&lt;/span&gt;
        &lt;ion-item&gt;
         &lt;ion-range dualKnobs="true" pin="true" min="0" max="100" debounce="500" [(ngModel)]="ageValue" [ngModelOptions]="{standalone: true}" (ionChange)="onDataChange(complexForm.value)"&gt;&lt;/ion-range&gt;
         &lt;/ion-item&gt;
      &lt;/ion-list-header&gt;
       &lt;/div&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>but, I am getting 'not a number' Object in my console as:- Object {lower: NaN, upper: NaN}</p>
  
  <p>This is how i am trying to get form values </p>
  
  <pre><code>this.complexForm = fb.group({
    'interest': 'Mingle',
    'male': false,
    'female': false,
    'range': this.rangeValue,
    'agerange':  [{lower: this.ageValue, upper: this.ageValue}]
  })
  </code></pre>