Angular js binding dictionary to ng repeat

Question

Hi all I am returning a dictionary with a key and list of objects from my controller, I would like to bind this to the table or some other using ng-repeat, this is how it looks when returning data from controller

This is my trail

<tr ng-repeat="(key, value) in dic">
<td>{{value}}</td>

Which is displaying entire value

I haven't tried as I am not getting the key value to bind the data — Developer, Feb 18 '16 at 16:30

score 1 · Accepted Answer · answered Feb 18 '16 at 18:37

1

This is how finally I got it

 <div ng-repeat="(key, value) in dic">
     {{key}}
 </div>
<div ng-repeat="v in value">
         {{v.requiredcolumn}}
     </div>

answered Feb 18 '16 at 18:37

Developer

8,390
41
129
238

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

ng-repeat provides a mechanism for accessing the key and value of an object within the iterator. For an example of this, see the answer to this post: How can I iterate over the keys, value in ng-repeat in angular

edited May 23 '17 at 12:10

Community

1
1

answered Feb 18 '16 at 17:22

Max Harney

26
2

No luck not able to bind the data `
{{key}}`
` – Developer Feb 18 '16 at 17:50

Angular js binding dictionary to ng repeat

2 Answers2