How to filter by same select with two fields with AngularJs?

Question

I have a select box with some options to filter. I want to filter by two different fields cities and categories:

HTML:

   <select ng-options="c.id as c.name  for c in categories" class="form-control" name="categories" ng-model="categoriesFilter">
     <option value="">All</option>
   </select>

<select ng-options="o.id as o.name  for o in cities" class="form-control" name="cities" ng-model="citiesFilter">
  <option value="">All</option>
</select>

JS:

$scope.categories = [
    {name : "Private", id : 2},
    {name : "Buisness", id : 1},
    {name : "Deleted", id : 3}
];

I filter like this:

<tr ng-repeat="cust in customers | filter : {city:citiesFilter|| 
undefined} | filter : {typeCust: categoriesFilter|| undefined} | filter : 
{deleted: categoriesFilter}">

Here is the full example: jsFiddle

Check this : stackoverflow.com/questions/15259732/…

Sangwin Gawande
– Sangwin Gawande

2017-06-12 09:15:39 +00:00
Commented Jun 12, 2017 at 9:15 — Sangwin Gawande
– Sangwin Gawande, Commented Jun 12, 2017 at 9:15
sorry, doesn't answered my question

oded
– oded

2017-06-12 12:09:14 +00:00
Commented Jun 12, 2017 at 12:09 — oded
– oded, Commented Jun 12, 2017 at 12:09

Marcin Ciesla · Accepted Answer · 2017-06-28 09:34:40Z

0

You need to chain filters

<tr ng-repeat="cust in customers | filter: {city: citiesFilter || undefined} | filter: { typeCust: categoriesFilter || undefined}">

Full fiddle: https://jsfiddle.net/vaf031mr/16/

answered Jun 28, 2017 at 9:34

Marcin Ciesla

844 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to filter by same select with two fields with AngularJs?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related