Filtering Multiple Operation in angularJs

Question

I have to filter based on two values. I am trying with following functionality

JSON data is,

{"homeAddress":"26, New Street, Bangalore",
        "officeAddress":"31, Old Office Street, Bangalore"
},{
"homeAddress":"27, Neww Street, Bangalore",
        "officeAddress":"30, Old Office Street, Bangalore"
}


        var locationFilter = {officeAddress: location};
        var locationFilter1 = {homeAddress: location};
        filterData = $filter('filter')(data, locationFilter);
        filterData = $filter('filter')(data, locationFilter1);
        return filterData;

By using above functionality. It have filtered second option only.

So how to filter with the two condition with the above styling and how can i use OR, AND Opeartion in this.

When i filtering For ex: 26 & 31 is filter correctly. But here 27 is not filtering

raina77ow · Accepted Answer · 2014-11-10 08:12:24Z

1

For AND functionality (i.e., when you want to show only the elements that have both officeAddress and homeAddress equal to location), just create a combined object and pass it into filter:

var bothLocationsCheck = {
  officeAddress: location,
  homeAddress: location
};
filterData = $filter('filter')(data, bothLocationsCheck);

That'll obviously give you 'AND'; for 'OR', just concat two results:

filteredData = $filter('filter')(data, locationFilter).concat(
  $filter('filter')(data, locationFilter1));

... but in this case you'll have to remove the duplicates from the result.

Still, I'd prefer another approach: implementing this kind of operations within filtering function itself. For example:

filteredData = $filter('filter')(data, function(el) {
  return el.homeAddress.indexOf(location) !== -1  
      || el.officeAddress.indexOf(location) !== -1
});

It's rather trivial to change this function from OR to AND functionality.

edited Nov 10, 2014 at 8:12

answered Nov 10, 2014 at 7:59

raina77ow

107k16 gold badges205 silver badges240 bronze badges

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

3 Comments

Mohaideen Ismail Over a year ago

I have to use OR Operation. But it may give AND Operation

raina77ow Over a year ago

Could you be more specific about which of those not working in your case?

Mohaideen Ismail Over a year ago

Data has filtered from officeAddress but not in homeAddress

Collectives™ on Stack Overflow

Filtering Multiple Operation in angularJs

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