How can I map two separate json objects with key values in angularjs

Question

I'm new to angularjs. In my json data there are two objects categories and sub_categories.

{
    "status": true,
    "data": {
        "categories": {
            "1": "Fasteners",
            "2": "Paints",
            "3": "Abrasives"
        },
        "sub_categories": {
            "1": [
                "Select All",
                "Nuts",
                "Bolts",
                "others"
            ],
            "2": [
                "All",
                "Industrial Paints",
                "Primer"
            ],
            "3": "3",
            "4": "4"
        }
    }
}

I need to map the sub_categories under respective categories. I can get the key values of categories and sub_categories byng-repeat="(keyCat,cat) in myData.data.categories " and ng-repeat = "(keySubCat,subCat) in myData.data.sub_categories" respectively but I'm not able to find a way to map them.

Can anyone please give a possible solution or guide me how to map these two objects.

My 2nd question is how can I implement a search to this json objects. This is not a json array so I'm not be able to use filters.

taguenizy · Accepted Answer · 2016-10-27 12:58:44Z

1

You can use the keyCat from the categories.

<div ng-repeat="(keyCat,cat) in myData.data.categories">
  {{cat}}
  <div ng-repeat="subCat in myData.data.sub_categories[keyCat]">
    {{subCat}}
  </div>
</div>

Although I would change the data structure to include the subcategories in the category value.

answered Oct 27, 2016 at 12:58

taguenizy

2,2851 gold badge12 silver badges26 bronze badges

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

2 Comments

Sp4Rx Over a year ago

thanks , this is what I need. Can you give any hints on implementing search @taguenizy

taguenizy Over a year ago

On categories? I would add a ng-if with some function taking cat as an argument. <div ng-repeat="(keyCat,cat) in myData.data.categories" ng-if="someSearchLogic(cat)">

Giovane · Accepted Answer · 2016-10-27 13:02:09Z

0

I'd try something like this:

var categories = Object.keys(data.categories).map(function(key) {
    var cat = {
    id: key,
      name: data.categories[key],
    sub_categories: data.sub_categories[key]
  }
  return cat;
});

Now that you transformed it into an array, you may search it easier.

answered Oct 27, 2016 at 13:02

Giovane

1,4511 gold badge15 silver badges25 bronze badges

Collectives™ on Stack Overflow

How can I map two separate json objects with key values in angularjs

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