javascript-具有整数比较的AngularJS过滤器

因此我在网站上使用JQuery-UI滑块创建了一个“价格”字段.该字段由2个整数值组成：minPrice和maxPrice.

假设我有一个看起来像这样的对象数组：

objarr=[
 {
  'name'='item1',
  'price'=100
 },
 {
  'name'='item2',
  'price'=200
 },...
]

以及以下具有ng-repeat的div：

<div ng-repeat="obj in objarr">
  {{obj.name}}: ${{obj.price}}
</div>

我该如何创建一个过滤器,使得只有obj [‘price’]> minPrice和obj [‘price’]< maxPrice会显示吗？

解决方法:

您可以在控制器中编写一个简单的辅助函数：

$scope.filterRange = function(obj) {
    return obj.price > $scope.range.minPrice && obj.price <= $scope.range.maxPrice;
};

并在HTML中使用它：

<div ng-repeat="obj in objarr | filter:filterRange">
    {{obj.name}}: ${{obj.price}}
</div>

演示：http://plnkr.co/edit/uoynjdSI1ajrm02qp3v8?p=preview

标签：angularjs,angularjs-ng-repeat,javascript,jquery
来源： https://codeday.me/bug/20191029/1957526.html