Angular ng-repeat 过滤器大于

Question

我正在使用 angular 创建一个搜索属性表单，并且我有一个包含卧室数量的 select 框，我如何创建一个更大的过滤器？（例如：当 2 间卧室 selected 时，显示 2 间或更多卧室的所有属性）

select框：

<select class="form-control" 
        name="bedrooms" 
        ng-model="Bedrooms" 
        ng-options="property.data.SubType as (property.data.Bedrooms + ' Bedrooms ('+ property.count +')') for property in properties  | unique:'Bedrooms' | orderBy:'data.Bedrooms'">
        <option value="">Minimum Bedrooms</option>
</select>

和过滤器：

<tr ng-repeat="property in filtered = (properties | filterMultiple:{Address: Address, SubArea:SubArea, SubType:SubType} | filter:{Bedrooms:Bedrooms})|  orderBy:Address">

这是我的JSFiddle

Answer 1

http://jsfiddle.net/odpw6c6q/43/

在 ng-options 中使用 ng-options="property.data.Bedrooms as 而不是 ng-options="property.data.SubType as 因为 data.Bedrooms 是包含应存储在 ng-model

中的卧室数量的属性

在范围内添加此功能

//Filter Function
    $scope.greaterThan = function(bedrooms) {
        return function(item) {                          
            if ( item['Bedrooms'] > bedrooms) {                
                return true;
            } else {                
                return false;
            }
        }
    };

在 ng-repeat 中使用 filter: greaterThan(Bedrooms) 而不是 filter:{Bedrooms:Bedrooms}

Angular ng-repeat 过滤器大于

Angular ng-repeat filter with greater than

angularjs

select

filter

ng-repeat

minimum