过滤器在AngularJs中不起作用

时间:2018-08-18 04:16:23

标签: angularjs

我的其他过滤器不起作用。

<ul>
    <li ng-repeat="result in pagedResults | filter:selectedBuilders | filter:selectedBedrooms" on-finish-render="ngRepeatFinished">
        [...]
    </li>
</ul>

过滤器:selectedBuilders 正在运行。但是 Filter:selectedBedrooms 无法正常工作

<select ng-model="selectedBedRooms" ng-change="selectBedRooms()">
   <option value="">Bedrooms</option>
   <option value="1">1 Bedroom</option>
   <option value="2">2 Bedrooms</option>
</select>

这是JS。

$scope.selectBedRooms = function () {
   if ($scope.selectedBedRooms) {
            $scope.selectedBedrooms = $scope.selectedBedRooms;
   } else {
            $scope.selectedBedrooms = "";
   }
}

JSON。 Here...

data: Array(55)
  0 {
    Address : "Estuary"
    Baths : 2
    Beds : 3
    Builder: "/media/1394/logo.png"
    BuilderComp : "LB Homes"
    ContentId : 3130
  }
  ...

我想知道为什么 selectBedrooms 无法正常工作,而 selectBuilders 是否正常工作?

我想念什么吗? 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

尝试使用

    <li ng-repeat="result in pageResults | filter: selectFilter"></li>

控制器

    $scope.selectFilter = function (result) 
    {
  return(result.Beds==$scope.selectedBedRooms && result.Builder == $scope.selectedBuilder);
    }