how to add filter on button click in angular js?

Question

I am trying to add filter on image click .Actually there is an icon in my demo "V" consider only first one near "inject" on header.I apply click event on that .Actually I want to add orderBy filter in first column on click of image. what I did I reverse the array on button click .But may be come condition when my array is not sorted then I need to first sort the given array .That what I am trying to add filter on image click .I try to read documentation of orderBy but there is nothing written how can we use button click event . https://docs.angularjs.org/api/ng/filter/orderBy

Javascript code

$scope.sortdata = function() {
      //alert('--')
      $scope.displayData=$scope.displayData.slice().reverse();
  };

here is my code http://plnkr.co/edit/FqL7g2w5yLEREopY4B10?p=preview Here my code is working fine when user click image is come ascending and descending order.but when array is not sorted it is not work ?

Oam Psy · Accepted Answer · 2015-06-03 13:48:36Z

1

I assume $scope.sortdata is your click, if so, you can add a filter via:

scope.sortdata = function() {
  //alert('--')
  $filter('filterName')(argument1, argument2, etc);
};

Remember to inject $filter into your controller

answered Jun 3, 2015 at 13:48

Oam Psy

8,66335 gold badges97 silver badges169 bronze badges

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

2 Comments

Shruti Over a year ago

but how to add filter of sorting ..could you please tell me how to sort .in ascending or descending

Pallavi Sharma Over a year ago

here is my plunker please add for sorting plnkr.co/edit/FqL7g2w5yLEREopY4B10?p=preview

Collectives™ on Stack Overflow

how to add filter on button click in angular js?

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