AngularJS: Filtering results with two parameters taken from inputs

Question

I have this simple Angular app which displays movies in table format and has a search input and dropdown (select element) with genre values to filter/search results. I am trying to figure out how I can filter my results by both terms typed into the search input AND the dropdown.

JSBin

Whenever a value is selected from the dropdown, you will see the console log $scope.selectedValue. Is there a way I can pass this to the search input (with an ng-model="searchBar")?

Thanks in advance.

EDIT: Basically, I want to be able to filter my results by Genre if need be.

Adrian · Accepted Answer · 2016-07-06 02:37:55Z

3

Just add another filter with the pipe. Like:

ng-repeat="movie in movies | filter:searchBar | filter: selectedGenre | orderBy:sortType:sortReverse"

answered Jul 6, 2016 at 2:37

Adrian

1,58712 silver badges16 bronze badges

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

1 Comment

Jose Over a year ago

Perfect! Thank you!

Collectives™ on Stack Overflow

AngularJS: Filtering results with two parameters taken from inputs

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related