angularJs filter using ng-repeat and select

Question

I want to filter my table using select value. In my code below, using input type=text... filter works just fine. But i don't know how to filter using select value.

<div class="columns large-2-5">
    <select name="categorySelector"
            class="selectbox"
            ng-model="search"
            ng-options="category.name for category in categories">
        <option value="">Select Category</option>
    </select>
</div>

<div class="row">
    <input type="text" ng-model="search.name">
    <table class="grid">
       <tbody ng-repeat="image in imageList | filter: { category: search.name }">
         <tr photolistsetting-Directive
            title="{{ image.name }}"
            ref="{{ image.url }}"
            category="{{ image.category }}">
         </tr>
      </tbody>
   </table>
</div>

select list is made of objects. Maybe i can't access an object property ? Thank you.

Amit Mittal · Accepted Answer · 2014-05-13 20:04:39Z

1

Use this:

  <select name="categorySelector"
        class="selectbox"
        ng-model="search.name"
        ng-options="category.name for category in categories">
    <option value="">Select Category</option>
</select>

Edit: Sorry I pointed out incorrect earlier.

Can you post "categories" and "imageList" array here?

edited May 13, 2014 at 20:04

answered May 13, 2014 at 19:37

Amit Mittal

1,14711 silver badges31 bronze badges

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

3 Comments

nobody_cares_ Over a year ago

it selects an object. if i use {{ search.name }} it prints an object. Any ideas how to refer to object property in filter ?

Amit Mittal Over a year ago

Have a look at this, its similar to your code and working: plnkr.co/edit/xf8UTpn2eBx6H1muMnfz?p=preview

nobody_cares_ Over a year ago

accidentally moved one div out of scope. damn i'm fool. Your example is good. Thanks :)

Collectives™ on Stack Overflow

angularJs filter using ng-repeat and select

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related