Question

我正在使用AngularJS开发网站。

我从服务器上抓取了json数据。我需要在桌子上显示它。

Json数据格式是

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

问题是每个括号的名称; a，b，c是来自服务器的动态数据，以便服务器人员可以更改名称。

有我的psedocode

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

它没有用。我想我知道它不起作用。但我想不出如何改变不知道json数组的名字。
由于a，b，c是动态的，我不能只输入{{jsonObj.a}} {{jsonObj.b}}

我希望有人能帮助我解决这个问题。谢谢

Answer 1

使用以下格式：

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

这意味着只需执行{{key}}或{{value}}

即可轻松显示价值和关键字

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

有关ng-repeat可以采取的不同形式的详细信息，请参阅https://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 2

我认为你的意思是你想要基于json数据的行和单元格。

这很简单但你可能只需要一个数组。

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

而不是对象。