How to use ng-repeat without specific name in AngularJs

Question

I am developing website with AngularJS.

I grabbed the json data from the server. and I need to display it on the table.

Json data format is

  { 
    {"a" :1,"b": 2,"c":3}, 
    {"a" :3,"b": 4,"c":5}, 
    {"a" :1,"b": 2,"c":3}
  }

The problem is each bracket's names; a, b,c are the dynamic data from the server so that the server guy can change the name.

There is my psedocode

    <tr ng-repeat = "jsonObj in jsonArray"> 
     <td ng-repeat = "name in jsonObj">{{name}} </td>
  </tr>

it doesn't work. I think I know what it doesn't work. but I cant think of how to change without knowing the name of json array.
Since a, b,c are dynamic, i can't just type {{jsonObj.a}} {{jsonObj.b}}

I hope anyone can help me to fix this. Thank you

link64 · Answer 1 · 2014-07-18T00:41:19.783

5

Use the following format:

ng-repeat="(key,value) in myObj"

This means you can quite easily display the value and key separetly by just doing {{key}} or {{value}}

<tr ng-repeat="obj in jsonArray">
  <td ng-repeat="(key,val) in obj ">{{val}}</td>
</tr>

See https://docs.angularjs.org/api/ng/directive/ngRepeat for more details on the different forms ng-repeat can take

edited Jul 18 '14 at 00:41

answered Jul 18 '14 at 00:28

link64

1,944
1
26
41

I tried that. I tried {{value}} .. doesn't work – user1979727 Jul 18 '14 at 00:34
Is datasource an array or an object? – link64 Jul 18 '14 at 00:35
this isn't right, OP wants to repeat the ``'s using `(key,value)` – charlietfl Jul 18 '14 at 00:37
combined.. it is the array of object.something like this { {"a" :1,"b": 2,"c":3}, {"a" :3,"b": 4,"c":5}, {"a" :1,"b": 2,"c":3} } – user1979727 Jul 18 '14 at 00:37
1

@user1979727 outer braces should be `[]` in your data or is invalid. Need to use the same repeat you already have on the `` then use `` repeats in answer – charlietfl Jul 18 '14 at 00:40
Doesn't each entry in your object need a valid key? – link64 Jul 18 '14 at 00:40
1

@charlietfl thanks, made the appropriate edits – link64 Jul 18 '14 at 00:42
Thank you Thank you guys. I fixed it {{v}} Because tr should contains array and td should take object. Now I know how to use it. Thank you – user1979727 Jul 18 '14 at 01:06

score 0 · Answer 2 · answered Jul 18 '14 at 00:46

0

I think what you mean is you want rows and cells based on json data.

This is very simple but you may just need an array like.

 $scope.items =  [ 
  {a:1,b: 2,c:3}, 
  {a:3,b: 4,c:5}, 
  {a:1,b: 2,c:3}
];

and not an object.

Here's a fiddle

answered Jul 18 '14 at 00:46

Dylan

4,703
1
20
23

How to use ng-repeat without specific name in AngularJs

2 Answers2