Is it possible to filter on object property names in AngularJS?

Question

For the sake of argument, take the following (rather convoluted) JSON data structure and assume that I cannot change it:

 $scope.myObj = {
    "DynamicKeyName": {...},
    "AnotherKeyName": {...} 
    };

The values of the properties themselves are not important. Is it possible to filter this object based on the property names? For example, I just want to display the properties that meet a certain naming convention. Please note that I do not know the key names and don't want to hardcode them in to the application

Something along the lines of:

<div ng-repeat="(key,val) in myObj | filterByKey:'something'"></div>

I believe I might need to write a filter but the filters seem to be geared towards working with arrays.

Khanh TO · Accepted Answer · 2014-07-24 03:19:07Z

1

I don't know if there is an already built-in filter, but you could always write your own filters. Something like this:

app.filter("filterByKey",function(){
  return function (input,filter){
    var result = {};

    for (var key in input){
      if (key.indexOf(filter)>=0){
        result[key] = input[key];
      }
    }

    return result;
  }
});

DEMO

answered Jul 24, 2014 at 3:19

Khanh TO

49k13 gold badges101 silver badges117 bronze badges

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

Collectives™ on Stack Overflow

Is it possible to filter on object property names in AngularJS?

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