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

时间:2015-08-18 12:51:29

标签: jquery angularjs model-view-controller

我想根据城市下拉字母过滤器工作正常过滤数据但是当我使用下拉列表和fiter下拉选择时它会返回错误的数据 请在这里查看我的代码

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

请帮帮我。

2 个答案:

答案 0 :(得分:1)

当我想过滤一个字段时,我喜欢它:

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

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

http://jsfiddle.net/yhy7hdrh/4/

---一段时间后---

我想我明白了,选择一个你希望按照客户名称过滤的城市... http://jsfiddle.net/yhy7hdrh/8/

答案 1 :(得分:0)

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

像这样使用

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

请将Name作为字符串放在orderBy中'Name'

UPDATED FIDDLE

为了通过这两个下拉过滤你需要两个单独的过滤器,角度很简单,如下线,

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

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

UPDATED FIDDLE

更具体地说,使用可以像这样使用,

首次下拉

    <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'">

FIDDLE