How Can I Access the Collection of Filtered Objects When Using AngularJS ng-repeat

Question

Using AngularJS. I have a table on my HTML page for which the rows are populated from an array of objects in the $scope using ng-repeat with a filter. The filter is populated from an input box above the table.

If I want to add a button or some other UI object to the page that when clicked will perform some operation on the array of objects that are selected as a result of the filter, how can I obtain access to the filtered array from the javascript code in my controller? Is there a way to apply the user-supplied filter to the array or to iterate over the filtered array?

Thanks for any suggestions.

Community · Accepted Answer · 2017-05-23 12:06:33Z

1

You can use the $filter function directly in JavaScript inside the button click handler as such:

$filter('filter')(array, expression, comparator)

See AngularJS documentation on $filter (In JavaScript section) for more details.

Here's another similar question: Accessing ng-repeat filtered data

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Jul 18, 2014 at 16:10

Sid

7,6412 gold badges31 silver badges42 bronze badges

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

1 Comment

Rich Miller Over a year ago

Thanks, Sid. That worked perfectly. Sorry I missed the similar question in my search.

Collectives™ on Stack Overflow

How Can I Access the Collection of Filtered Objects When Using AngularJS ng-repeat

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related