AngularJS Slider with min-price and max-price columns

Question

I have an object which has two attributes. One's named min-acceptable-price, and the other named max-acceptable price. In my index page, I'm using the slider to filter out using these two values, such that the $scope.maxPrice uses the objects' max-acceptable-price to filter and the $scope.minPrice uses the min-acceptable-price to filter.

This is to say that if we select a min-acceptable-price of $10 and a max-acceptable-price of $20, then the search function should check all min-acceptable-prices to see that they are greater than $10 and all max-acceptable-prices to see that they are less than $20.

Is it able to do this using AngularJS slider?(http://prajwalkman.github.io/angular-slider/)

Thanks for your help!

thebenedict · Accepted Answer · 2013-08-19 12:42:05Z

4

:)

How about using the slider to update an upper and lower price bound on the scope, and then filtering on those bounds: http://plnkr.co/edit/uF31rMbNLzF382GUZYqr?p=preview

answered Aug 19, 2013 at 12:42

thebenedict

2,5893 gold badges20 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sluiper · Accepted Answer · 2013-10-08 12:44:12Z

4

I have the same requirement, so I modified angular-slider by adding custom-ceiling and custom-floor.

By specifying these 2 extra attributes, the slider will start and end based on bindable values and not on the specified floor and ceiling.

Plunker here: http://plnkr.co/edit/hNg2gOTHa7ig2hPsrmZ8?p=preview

edited Oct 8, 2013 at 12:44

answered Oct 8, 2013 at 12:34

sluiper

917 bronze badges

Collectives™ on Stack Overflow

AngularJS Slider with min-price and max-price columns

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related