我有一个有两个属性的对象。一个名为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/)
感谢您的帮助!
答案 0 :(得分:4)
:)
如何使用滑块更新范围的上限和下限价格,然后对这些边界进行过滤:http://plnkr.co/edit/uF31rMbNLzF382GUZYqr?p=preview
答案 1 :(得分:4)
我有相同的要求,所以我通过添加custom-ceiling和custom-floor来修改角度滑块。
通过指定这两个额外属性,滑块将根据可绑定值开始和结束,而不是在指定的楼层和天花板上。
此处的Plunker:http://plnkr.co/edit/hNg2gOTHa7ig2hPsrmZ8?p=preview