Angular ng repeat filter, ignore when empty value

Question

I have this select

<select ng-model="applicationStatus" ng-options="p.StatusID as p.Status for p in vm.projects | unique:'StatusID'">
        <option value="">All</option>
 </select>

And a list below that use the selected value as a filter:

<tr ng-repeat="p in vm.projects | filter: {StatusID:applicationStatus}">

This works, except when "All" is selected in the list (the predefined value) When "All" is selected I don't want the filter to be applied. What is the best way to achieve this?

Pankaj Parkar · Accepted Answer · 2016-01-15 15:37:25Z

5

You could have something like below, which will place '' blank instead of nothing.

<tr ng-repeat="p in vm.projects | filter: {StatusID:(applicationStatus || '')}">

answered Jan 15, 2016 at 15:37

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:33:26Z

0

You might need to create a custom filter to handle this scenario. Here's a good post about how to create one:

AngularJS filter by select with empty options

edited May 23, 2017 at 11:33

CommunityBot

11 silver badge

answered Jan 15, 2016 at 15:37

Chewpers

2,4605 gold badges23 silver badges30 bronze badges

Collectives™ on Stack Overflow

Angular ng repeat filter, ignore when empty value

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related