Angular filter by multiple properties and show if any value is equal to search

Question

When using ng-repeat I want to filter object by two values (name and description). I want to filter this array in way if in any key exists value in search it will return it. When I'm trying this filter:{info:{name:search, description:search}} the result is when value from search equals in both.

Kindly make the question more understandable. Do you have a search box and bases upon input there you want to filter the ng-repeat values? — Gandalf the White
– Gandalf the White, Commented May 17, 2016 at 11:18
You have a search box and based on it you want to control the values in ng-repeat, right? 'I have input on search part' - I don't get it. — Gandalf the White
– Gandalf the White, Commented May 17, 2016 at 11:23
Yes, I have a search box and based on it I want to control the values. — Przemek
– Przemek, Commented May 17, 2016 at 11:28

Gandalf the White · Accepted Answer · 2016-05-17 11:48:16Z

1

Okay so based on what I have been able to understand. Although I am not sure if this is what you wanted, if not let me know and I will delete this answer.

Let's say you have object that has values in this format which you are feeding to ng-repeat.

  $scope.inputobject = [
    {name: 'xyz', description: 'hadhash'},
    {name: 'uza', description: 'hadhahdh'},
    {name: 'aaa', description: 'hadhahas'}  
  ];

This is our HTML part now, add the controller and all, I hope that wont be a problem.

<input type="text" placeholder="search" ng-model="objectsearch">
<div ng-repeat="x in inputobject | filter:{name:objectsearch}">
<div>
{{x.name}} {{x.lastname}}
</div>
</div>

Now filter will only happen based on first input. Cheers!

answered May 17, 2016 at 11:48

Gandalf the White

2,4752 gold badges21 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Angular filter by multiple properties and show if any value is equal to search

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related