Angularjs clear filter for ng-repeat

Question

I have this ng-repeat condition:

<tr ng-repeat="(k, v) in loanapps | filter:{LoanStatus:SelectedStatus}:true track by $index"> <td> {{v.Id}} </td> <td> {{v.Name}} </td> </tr>

Filtering works fine when I have SelectedStatus value. Now I also want to reset the filter and display all the results.

I have this button click function:

$scope.ResetStatusFilter = function() { $scope.SelectedStatus = null; }

I also tried:

$scope.ResetStatusFilter = function() { $scope.SelectedStatus = ''; }

But what this is doing is clearing out all the results.

Is there anyway how can I display all the results and exclude the filter once the button is clicked?

The select list is this one:

<select ng-model="SelectedStatus"> <option value="Under Review">Under Review</option> <option value="Waiting for Meeting">Waiting for Meeting</option> <option value="Processing">Processing</option> </select>

thx @bhantol can you pls give me example how should I apply custom filter in my case, thanks — Laziale
– Laziale, Commented Dec 5, 2016 at 15:52
what is the default value of selectedstatus when the list first loads, and have you tried setting it back to that value? — Vinny
– Vinny, Commented Dec 5, 2016 at 15:56

Vinny · Accepted Answer · 2016-12-05 15:58:24Z

1

try changing filter:{LoanStatus:SelectedStatus}:true to filter:SelectedStatus.

answered Dec 5, 2016 at 15:58

Vinny

4493 silver badges6 bronze badges

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

2 Comments

Laziale Over a year ago

who will the table know for which field is that applied? Thx for help

Vinny Over a year ago

Might want to refer to the documentation, but i believe the filter will search the whole object by default for your string value. Double check @ docs.angularjs.org/api/ng/filter/filter

bhantol · Accepted Answer · 2016-12-06 14:17:48Z

Try this short circuiting technique.

<tr ng-repeat="(k, v) in loanapps | filter: (LoanStatus.SelectedStatus && {LoanStatus:SelectedStatus}:true) track by $index">

Vinoth · Accepted Answer · 2017-12-04 05:47:16Z

instead of using filter:{LoanStatus:SelectedStatus}:true to filter:SelectedStatus.

you can clear your filter by using

$scope.SelectedStatus ={}

it will clear the filter

Collectives™ on Stack Overflow

Angularjs clear filter for ng-repeat

3 Answers 3

2 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Related