javascript - 使用 Angular 过滤器查找价格低于所选选项金额的所有地点

Question

我正在尝试对 ng-repeat 应用价格过滤器。目前，代码仅过滤完全匹配的价格；我需要它过滤器来包含具有该价格的每个位置。

我的 html 如下所示

  <select id="maxPrice" ng-model="searchPrice" class="filterSelect">
      <option selected="">Max Price</option>
      <option>Free</option>
      <option>$1,000</option>
      <option>$2,000</option>
      <option>$3,000</option>
      <option>$5,000</option>
      <option>$8,000</option>
      <option>$13,000</option>
      <option>$21,000</option>
      <option>$34,000 </option>
    </select>

<div ng-repeat="school in diffSchools | filter:{Cost:searchPrice}" class="item">
  <p class="title">{{school.campName}}</p>
</div>

目前，此功能会过滤学校以仅返回与号码完全匹配的内容。它正在搜索的对象如下所示:

{
    "campName": "Camp1",
    "Cost": ["$2,500-$12,000"],
}

如何过滤以包含以下所有内容以及所选选项的价格？

我已经检查了以下几个堆栈溢出问题，其中讨论 filtering using a fixed number (在一种情况下为 0)或 quite different from my problem ，特别是对于非专家 Angular 用户。

Answer 1

添加一个过滤器来执行此操作，例如:

$scope.costBetween = function(item){
    var Cost = item.Cost[0].split("-"), 
    min = priceToInt(Cost[0]),
    max = priceToInt(Cost[1]);
    return $scope.searchPrice > min && $scope.searchPrice < max
};

<div ng-repeat="school in diffSchools | filter: costBetween" class="item">
    <p class="title">{{school.campName}}</p>
</div>

<强> Demo