Filtering in angularJs on an object

Question

I am trying to filter few records based on a list that is in my UI. But I am querying the DB where I am getting extra details other than what I am displaying in UI. How can I restrict my search to only to the properties of object which I am displaying in UI.

eg. I am querying DB and getting firstName,lastName,age and marks . but In UI I am only displaying the firstName and marks,So When in search box I write lastName it should not display anything.

So what have you tried so far? Make some research, try some code and ask again where you fail. — Sefa
– Sefa, Commented Jun 11, 2014 at 11:56

Nikolas · Accepted Answer · 2014-06-11 13:14:14Z

1

The filter filter in angularjs may take an object as its filter expression:

<li ng-repeat="item in list | filter:{firstname : searchtext}">

this returns only items where the firstname property contains the searchtext.

See: https://docs.angularjs.org/api/ng/filter/filter for more information

answered Jun 11, 2014 at 13:14

Nikolas

1,1761 gold badge6 silver badges11 bronze badges

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

2 Comments

Nutan Over a year ago

Hi Nikolas, Thanks for reply.the filter i am trying to use comprise of both the firstname and marks.

Nikolas Over a year ago

you can use a comparator function for more complex filtering. in your controller you define:

$scope.comparatorFn = function (actual, expected) { return (actual.firstname.indexOf(expected) !== -1) || (actual.marks.indexOf(expected) !== -1); };

and in the view you use the comparator function as: <li ng-repeat="item in list | filter:earchtext:comparatorFn">

Srinath Mandava · Accepted Answer · 2014-06-11 11:57:45Z

0

ng-repeat="obj.firstName for obj in objects"

In your ng-repeat show only the fields you want using obj.firstName

answered Jun 11, 2014 at 11:57

Srinath Mandava

3,4722 gold badges27 silver badges37 bronze badges

Collectives™ on Stack Overflow

Filtering in angularJs on an object

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related