Rangesliders [snaps] value from Typescript class causing a bug

@cherry wrote:

Hello, I ran into an issue and I don’t really have a clue what is causing this.

So I got a Rangeslider where I included snaps + step.

My HTML code looks like this. [I’ve shorten the code to the minimum in this example]

<ion-range dualKnobs="true" min={{minRange}} max={{maxRange}} snaps={{snapsActive}} [(ngModel)]="range" step={{stepRange}}></ion-range>

The Values work perfectly with the typescript classes so don’t worry about that.

This is how they look like in the TS:

    stepRange: number;
    maxRange: number;
    minRange: number;
    snapsActive: boolean;

---

But the issue what I am running into is this:

The correct way of how it should look like is this:

I can only achieve this fix when I change the HTML code from above to this:

<ion-range dualKnobs="true" min="0" max="1000" snaps="true" [(ngModel)]="range" step="true"></ion-range>

---

I hope someone can help me with this bug.
Thanks already for any input!

Posts: 1

Participants: 1

Read full topic