angularjs filter Dropdown options by object properties

Question

I can't seem to find the way to filter my options in my drop down.

<div>
    <select>
        <option ng-repeat="draw in draws| filter:{draw.perform == true && automatic == false}">

        </option>
    </select>

</div>

data looks like :

{
   automatic: true,
   date: 1417388400000,
   drawQuantity: 0,
   number: 1,
   offer: {
      image: "/"test,
      number: 1
   },
   perform: true
}

I get the data from firebase, that's why i need to do filtering on frontend. If anyone was wondering.

dfsq · Accepted Answer · 2014-10-21 14:04:45Z

1

Your syntax is incorrect. Try this instead:

ng-repeat="draw in draws| filter:{perform: true, automatic: false}"

If you need to filter by property values you should use object notation.

answered Oct 21, 2014 at 14:04

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

2 Comments

Anders Metnik Over a year ago

Actually found out that I should use ng-options instead of an option with ng-repeat :) But thanks for the help, your solution did work as well, so I'll put it as correct one

dfsq Over a year ago

Geez, can't believe I didn't notice that you were using ngRepeat instead of ngOptions. But the principle of using filter object is the same anyway.

Collectives™ on Stack Overflow

angularjs filter Dropdown options by object properties

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related