How to get NativeScript's slider to use step values?

Question

I am using NativeScript's slider component in my app. I need the slider to only do integer values.

<Slider 
    width="275"
    minValue="{{ minValue }}" 
    maxValue="{{ maxValue }}" 
    [ngModel]="value" 
    (ngModelChange)='onValueChanged($event)'>
</Slider>

How can I get it to do integer steps only for both iOS and for Android?

Answer 1

Seems to be an open Issue at NativeScript.

As workaround you can try to round the value if value changed in your onValueChanged:

Template:

 <Slider #sl (valueChange)="onValueChanged(sl.value)"></Slider>

Component:

public onValueChanged(value) {
   ...
   this.value = Math.round(value);
   ...
}