根据Angular JS中的下拉选择过滤数据答案

【问题标题】：Filter data on the basis of dropdown selection in Angular JS根据Angular JS中的下拉选择过滤数据
【发布时间】：2015-11-11 10:09:00
【问题描述】：

我想根据城市下拉字母过滤器工作正常来过滤数据，但是当我使用下拉和更合适的下拉选择时，它会返回错误的数据请在此处查看我的代码

[http://jsfiddle.net/Nayeem_Mansoori/yhy7hdrh/][1]

请帮帮我。

【问题讨论】：

【解决方案1】：

当我只想过滤一个字段时：

<li ng-repeat="cust in Customer | filter: { Name: myfilters } | orderBy: Name">{{cust.Name}}</li>

按属性过滤使用 filter: { Name: myfilters }

--- 一段时间后---

我想我明白了，选择您要按客户姓名字母过滤的城市...http://jsfiddle.net/yhy7hdrh/8/

【讨论】：

【解决方案2】：

我认为你犯了一个小错误:)

这样使用

<li ng-repeat="cust in Customer | filter: myfilters | orderBy: 'Name'">{{cust.Name}}</li>

请把Name作为一个字符串按'Name'的顺序排列

为了通过这两个下拉列表进行过滤，您需要两个单独的过滤器，其角度非常简单，如下线所示，

<li ng-repeat="cust in Customer | filter:selectedValue | filter:CityselectedValue | orderBy: 'Name'">

首先它在selectedValue 中过滤，这是第一个下拉列表，第二个过滤器根据第二个下拉列表过滤结果。

更具体的使用可以这样使用，

第一个下拉菜单

    <select ng-model="selectedValue.Name" n..

第二个下拉菜单

    <select ng-model="selectedValue.City" ng-opti..

在ng-repeat

<li ng-repeat="cust in Customer | filter:selectedValue | orderBy: 'Name'">

【讨论】：