Angularjs filter on button click

Question

I have a button where I am passing the value back to the controller:

<button type="button" ng-model="activeCustomer" value="active" ng-click="getVal($event)" ng-class="{'active':activeCustomer === 'active'}" class="btn btn-default">Active</button>

Its being stored in the controller like this:

$scope.activeCustomer='active';
$scope.getVal=function(active){
        $scope.activeCustomer=active.currentTarget.value;
    }

I want to filter my list by $scope.activeCustomer if detail.activeCustomer = $scope.activeCustomer

<tr ng-repeat="detail in theRecords | orderBy:sortType:sortReverse | filter:searchCustomer" ng-click="expandCustomer(detail.theCustId)" class="drillable">
    <td>{{ detail.fullname }}</td>
    <td>{{ detail.email }}</td>
    <td>{{ detail.phone }}</td>
    <td>
      <p ng-bind="{{ detail.firstcontact }} | date:'dd/MM/yy'"></p>
    </td>
    <td>{{ detail.theMainAddress }}</td>
    <td>{{ detail.paymentType  }}</td>
    <td>{{ detail.theStatus }}</td>
    <td>{{ detail.activeCustomer }}</td>
  </tr>

any ideas?

Thanks

Have you used $filter?

Gary
– Gary

2016-03-15 17:28:44 +00:00
Commented Mar 15, 2016 at 17:28 — Gary
– Gary, Commented Mar 15, 2016 at 17:28

Jeremy Waller · Accepted Answer · 2016-03-15 17:48:06Z

1

You're very close with what you have.

You're already setting the activeCustomer in your controller. Just pass that to the filter.

<tr ng-repeat="detail in theRecords | 
    orderBy:sortType:sortReverse | filter:activeCustomer">

answered Mar 15, 2016 at 17:48

Jeremy Waller

964 bronze badges

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

2 Comments

Janey Over a year ago

wow I cant believe that works I've been struggling with this for ages! Thanks!! It looks like it doesn't match the exact value though... when i search "inactive" it only shows inactive records but searching "active" returns both active and incative. Do you know any way to resolve this? Thanks :)

Jeremy Waller Over a year ago

Sure! There's a second parameter you can pass to the filter to determine how the comparison happens. Just passing 'true' should work. filter: activeCustomer : true

Collectives™ on Stack Overflow

Angularjs filter on button click

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