How to avoid the filtering for some of the object properties in angular js

Question

Object is

StudentObj = {name : 'Me', Place : 'Bangalore',uniqueId :'233abc233' }

Html template

<ul>
  <li ng-repeat:'entry in StudentObj |filter:sText' >
         <span>{{entry.name}}</span>
         <span ng-bind='entry.place'></span> 
   </li>
</ul>

And search filter is

<input type='text' ng-model='sText'>

Problem :

if i search '233abc233' in text-filter the row is selecting , But this should not selected.

Only on name and place values , the Row should be selected"

Thanks in Advance

runTarm · Accepted Answer · 2014-07-22 16:27:57Z

2

You could use a filter like this to match only two fields:

<li ng-repeat="entry in StudentObj | filter:{name: sText, Place: sText}">

For more variation of how to use to use filter, please see filter.

Edit: If you want an OR logic (should match if any key is match), you have to roll your own filter, for example,

In controller:

$scope.customFilter = function (searchText) {
  function comparator(a, b) {
    return (''+a).toLowerCase().indexOf((''+b).toLowerCase()) > -1;
  }

  var lookInKeys = ['name', 'Place'];

  return function (item) {
    if (!searchText) {
      return true; // no filter
    }

    for (var i = 0; i < lookInKeys.length; i++) {
      var key = lookInKeys[i];
      if (comparator(item[key], searchText)) {
        return true; // if any key is match, return true
      }
    }

    return false; // none of keys are match
  };
};

and then use it in ng-repeat like this:

<li ng-repeat="entry in StudentObj | filter:customFilter(sText)">

Example plunker: http://plnkr.co/edit/Mlca2gXvXNVAXEsNbpCI?p=preview

edited Jul 22, 2014 at 16:27

answered Jul 22, 2014 at 15:18

runTarm

11.6k1 gold badge39 silver badges37 bronze badges

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

3 Comments

praveenpds Over a year ago

Issue is still exists as the filter will check for both name and place properties and if either one of the property returns false the logic is failing.

runTarm Over a year ago

So, you want an OR logic? If either name or Place is match, the row should be shown, right?

praveenpds Over a year ago

Yes your correct. if i type "Me" it should search either in name or place , if name is returns true then this logic should return true ie row selected else false

Collectives™ on Stack Overflow

How to avoid the filtering for some of the object properties in angular js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related