Question

我在我的项目中使用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
};

Answer 1

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

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

希望有所帮助！：）

ng-repeat中的范围滑块滤镜（Angular Ranger）

1 个答案: