如何使用AngularJS 1创建具有对象数组属性的表行？

Question

到目前为止，我只找到了将对象放在行(1) (2) (3)中的示例，但我需要将对象放在列及其属性中行。

JSON示例：

[
  {
    name: 'peanut butter',
    price: 0.99
  }
  {
    name: 'strawberry jelly',
    price: 0.99
  }
  {
    name: 'white bread',
    price: 2.99
  }
]

所需表格的示例：

Answer 1

我想你想要这样的东西。

Angular模板：

<table>
  <tr>
    <th>Name</th>
    <th ng-repeat="item in yourList">{{ item.name }}</th> 
  </tr>
  <tr>
    <td>Price</td>
    <td ng-repeat="item in yourList">{{ item.price }}</td> 
  </tr>
</table>