title: How can I keep float numbers for step in ion-range
body: <p>I m using ionic 3 and to increment ionic range input component by 0.25
  this is the <a href="https://ionicframework.com/docs/api/components/range/Range/" rel="nofollow noreferrer">components documentation</a></p>
  
  <p>using step="0.5" like above did not work </p>
  
  <p><code>&lt;ion-range class="note-range" min="0" max="20" step="0.5" [(ngModel)]="item.note" color="secondary" (ionChange)="noteChanged($event)"&gt;
      &lt;ion-label range-left&gt;0&lt;/ion-label&gt;
      &lt;ion-label range-right&gt;20&lt;/ion-label&gt;
   &lt;/ion-range&gt;</code></p>
  
  <p>so i followed the solution above given by <a href="https://forum.ionicframework.com/t/how-can-i-keep-float-numbers-for-step-in-ion-range/67347" rel="nofollow noreferrer">"Jahdere"</a></p>
  
  <pre><code>import { Component, ViewChild, Input } from '@angular/core';
  
  import { Range } from 'ionic-angular';
  
  
  @Component({
    selector: 'float-range',
    template: '&lt;ion-range #range [min]="min" [max]="max" [pin]="pin" [step]="step" [snaps]="snaps"&gt;&lt;/ion-range&gt;'
  
  })
  export class FloatRangeComponent {
  
    @Input() max: number;
    @Input() min: number;
    @Input() pin: boolean;
    @Input() step: number;
    @Input() snaps: boolean;
  
    @ViewChild('range')
    set range(range: Range) {
      let floatRange: FloatRangeComponent = this;
      range._ratioToValue = function(ratio: number) {
        this._step = Math.round(floatRange.step * 100) / 100;
        ratio = (this._max - this._min) * ratio;
        ratio = (ratio / this._step) * this._step + this._min;
        return Math.round(ratio * ( 1 / this._step)) / ( 1 / this._step);
      }
    }
  }
  </code></pre>
  
  <p>the problem with this solution is when i use ngModel on the float-range component i m getting this error :</p>
  
  <blockquote>
    <p>Runtime Error when using ngModel on float-range component. : No value
    accessor for form control with unspecified name attribute</p>
  </blockquote>
  
  <p>is there any solution to bind ngModel data between those two components ? </p>