AngularJS Slider Range change event only when pointer release

Question

I am using Angular slider https://github.com/PopSugar/angular-slider for min and max range selection. I used the change method provided in the slider directive. The problem I am facing is its calling the JS function myChange() from the point I start sliding the pointer. So my function is getting called unnecessarily . I want to call the function only when I release the pointer in the slider bar.

Used code : <slider floor="1000" ceiling="100000" ng-model-low=minPackagePrice ng-model-high="maxPackagePrice" change="myChange()"></slider>

Answer 1

Try:

<slider floor="1000" ceiling="100000" ng-model-low=minPackagePrice ng-model-high="maxPackagePrice" ng-mouseup="myChange()"></slider>