ng-repeat 中的范围滑块过滤器（Angular Ranger）答案

【问题标题】：Range slider filter in ng-repeat (Angular Ranger)ng-repeat 中的范围滑块过滤器（Angular Ranger）
【发布时间】：2016-01-29 07:02:06
【问题描述】：

我在我的项目中使用Angular Ranger v~0.1.3。我想根据滑动事件过滤我的ng-repeat。我尝试了一些方法，但似乎没有任何效果。我在下面提供我的代码。我想在价格上过滤ng-repeat

html

<angular-ranger min="30000" max="200000" step="1" min-value="value.min" max-value="value.max"></angular-ranger>
<div ng-repeat="data in assets|filter:rangeFilter">
  Property: {{data.name}}
  price: {{data.price}}
</div>

控制器

$scope.assets= data.assets;
$scope.value = {
    min: 30000,
    max: 200000
};

【问题讨论】：

去这里寻找有效的答案stackoverflow.com/questions/35080746/…

标签： angularjs filter rangeslider

【解决方案1】：

我不是 angular-ranger 库的专家，但我快速浏览了 api，看起来里面没有 rangeFilter 过滤器。它仅适用于 <angular-ranger> 指令，并且值直接绑定到您的 $scope.value。

可能值得尝试的是将<angular-ranger> 指令放在ng-repeat 中，并将min, max 放在$scope.assets 上！

希望对您有所帮助！ :)

【讨论】：

好的，你能给我一个使用范围滑块@Novarac23的例子
@Ranjith 你到底想达到什么目的？为了提供适用于您的实际用例的代码，我需要更多的了解。