Angular Show ng-repeat Key

Question

I need to display the key in the products AL200W401 (without xxxx) using ng-repeat. in my HTML code its displaying the AL200W401xxxx. How to go about this thanks.

JSON

{  
    "kits":"B11D0W201,AL200W401",
     "dateTo":"13/12/2016",
     "orders":[  
         {  
             "AL200W401":1,
             "B11D0W201":0,
             "date":"13 Dec 16"
         }
     ],
    "dateFrom":"12/12/2016",
    "products":[  
    {  
        "AL200W401":"AL200W401xxxx",
        "B11D0W201":"B11D0W201xxxx"
    }
    ]
}

HTML

<th ng-repeat="column in products">{{column}}</th>

score 2 · Accepted Answer · edited May 23 '17 at 10:30

2

There is other similar questions where solution is sited. Check this for example

So you can do it this way:

<th ng-repeat="(key,value) in products[0]">{{key}}</th>

Please check this working demo: https://jsfiddle.net/hd84335/j0dr7bbp/

edited May 23 '17 at 10:30

Community

1
1

answered Dec 12 '16 at 06:20

hd84335

8,815
5
34
45

score 1 · Answer 2 · answered Dec 12 '16 at 06:12

1

<th ng-repeat="(key,value) in products[0]">{{key}}</th>

answered Dec 12 '16 at 06:12

w.Bala

129
3

score 1 · Answer 3 · answered Dec 12 '16 at 08:57

Working demo :

var myApp = angular.module('myApp',[]);

myApp.controller('MyCtrl',function ($scope) {
    $scope.jsonObj = {  
    "kits":"B11D0W201,AL200W401",
     "dateTo":"13/12/2016",
     "orders":[  
         {  
             "AL200W401":1,
             "B11D0W201":0,
             "date":"13 Dec 16"
         }
     ],
    "dateFrom":"12/12/2016",
    "products":[  
    {  
        "AL200W401":"AL200W401xxxx",
        "B11D0W201":"B11D0W201xxxx"
    }
    ]
};
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
 <div ng-repeat="(key,value) in jsonObj.products[0]">{{key}}</div>
</div>

Thanks Rohit, this is surely working as well and thanks for the example. I can only upvote one answer though. — June, Dec 12 '16 at 19:58

Angular Show ng-repeat Key

3 Answers3