angular js conditional filtering?

Question

I'm trying to disable the filter when I select the "all" option for my select ng-model.

Here's the code:

Search: <input ng-model="searchText">
Search By: 
<select ng-model="queryBy">
    <option value="$">all</option>
    <option value="1">category 1</option>
    <option value="2">category 2</option>
    <option value="3">category 3</option>
</select>
<ul>
    <li ng-repeat="message in messages | filter:searchText | filter: {category: queryBy}"></li>
</ul>

When I select the first option ("$"), I want the filter to be disabled. Is there a way to do this? Thanks!

Just figured it out myself. I just had to change the "$" to "" — user3587412
– user3587412, Commented Dec 13, 2014 at 16:52
Then put it as an answer to this question, SO explicitly encourage users to answer their own questions. — ryeballar
– ryeballar, Commented Dec 13, 2014 at 16:54

user3587412 · Accepted Answer · 2014-12-13 16:56:54Z

1

I just figured it out myself. I just had to change the "$" to "", an empty string. Since an empty string doesn't specify a filter criteria, a filter isn't applied. So the revised code would be:

<select ng-model="queryBy">
<option value="">all</option>
<option value="1">category 1</option>
<option value="2">category 2</option>
<option value="3">category 3</option>

answered Dec 13, 2014 at 16:56

user3587412

1,0531 gold badge12 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

angular js conditional filtering?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related