AngularJS Slider具有最低价格和最高价格列

时间:2013-08-19 08:56:06

标签: angularjs angularjs-filter

我有一个有两个属性的对象。一个名为min-acceptable-price,另一个名为max-acceptable price。在我的索引页面中,我使用滑块来过滤掉这两个值,这样$ scope.maxPrice使用对象的max-acceptable-price进行过滤,$ scope.minPrice使用min-acceptable-price过滤。

这就是说,如果我们选择10美元的最低可接受价格和20美元的最大可接受价格,那么搜索功能应该检查所有最低可接受价格,看它们是否超过10美元,所有最高可接受价格,看他们都不到20美元。

是否可以使用AngularJS滑块执行此操作?(http://prajwalkman.github.io/angular-slider/

感谢您的帮助!

2 个答案:

答案 0 :(得分:4)

:)

如何使用滑块更新范围的上限和下限价格,然后对这些边界进行过滤:http://plnkr.co/edit/uF31rMbNLzF382GUZYqr?p=preview

答案 1 :(得分:4)

我有相同的要求,所以我通过添加custom-ceiling和custom-floor来修改角度滑块。

通过指定这两个额外属性,滑块将根据可绑定值开始和结束,而不是在指定的楼层和天花板上。

此处的Plunker:http://plnkr.co/edit/hNg2gOTHa7ig2hPsrmZ8?p=preview