(slideend) is not working as expected with [(ngModel)] [material version is alpha 10]

[amanullahnxb]

i did two way binding md-slider with class attribute 'sliderVal'. as below code.

<md-slider (slideend)="onSlideEnd();" [min]="0" [max]="100" [(ngModel)]="sliderVal">

//class members

sliderVal: number = 10;

onSlideEnd(){
console.log("slider value", this.sliderVal);
}

but the problem is when onSlideEnd() is called. its shows previous slider value in console.

[jelbourn]

The slideend event isn't really meant to be used on the slider element. If you're just looking to know when the value changes, the slider now has a change event. Is that what you need?

[amanullahnxb]

yes.. i have used (change) event too. but i am facing same problem

[amanullahnxb]

Here is my updated code.
<md-slider (change)="onSlideEnd($event);" [min]="0" [max]="100" [(ngModel)]="sliderVal"></md-slider>
//class members
sliderVal: number = 10;

onSlideEnd($event){
console.log("slider value", this.sliderVal);
}

again.. the value for sliderVal shows previous value. (not the current value of slider)

[josephperrott]

Are you importing the FormsModule?

I was able to get this working with (slideend)

You can see a working plnkr here

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}