角NG重复大于过滤器 [英] Angular ng-repeat filter with greater than

问题描述

我使用的角度来创建搜索物业形态，我已经得到了与卧室量的选择框，我怎么可以创建一个大于过滤器？ （例如：当选择2间卧室，显示有2间卧室或以上的所有属性）

I'm using angular to create a search property form, and I've got a select box with amount of bedrooms, how can I create a greater then filter? (for example: when 2 bedrooms selected, display all properties with 2 bedrooms or more)

该选择框：

<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

推荐答案

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

在 NG-选项使用 NG选项=property.data.Bedrooms为而不是 NG选项=property.data.SubType为
因为 data.Bedrooms 是包含应存储在卧室号的属性NG-模型

In ng-options use ng-options="property.data.Bedrooms as instead of ng-options="property.data.SubType as because data.Bedrooms is the property that contains number of bedrooms which should be stored in ng-model

在范围添加此功能

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

在 NG-重复使用过滤器：GREATERTHAN（卧室）而不是过滤器： {卧室：卧室}

这篇关于角NG重复大于过滤器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！