我有如下所示的 JSON 数组对象。

$scope.items = 
    [
    {Name: "Soap",  Price: "25",  Quantity: "10"},
    {Name: "Bag",   Price: "100", Quantity: "15"},
    {Name: "Pen",   Price: "15",  Quantity: "13"}
];

我想在 angular.js 中使用 ng-repeat 分别获取键和值。我已经尝试了以下代码，但它不起作用。

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

我认为问题出在大括号“[”和“]”上。谁能建议我如何解决这个问题？

编辑:

非常感谢您的回复。我已经尝试过您的代码及其工作。但我真正的要求是显示如下所示的项目。

Name     Price  Quantity
Soap        25  10
Bag        100  15
Pen         15  13

我正在使用一些 <tr>和 <td>在 html 中。但是屏幕上什么也没有显示。代码如下所示。

<table>  
 <tr ng-repeat="item in items">
  <tr ng-repeat="(key, val) in item">
      <td>{{key}}</td>
      <td>{{val}}</td>
  </tr>
</tr> 
</table>

我知道 <tr>在另一个 <tr> html不允许。我尽力而为。但没有运气。 如果你能在这方面帮助我，那就太好了。 提前致谢。

最佳答案

你有一个对象数组，所以你需要使用 ng-repeat 两次，比如:

<ul ng-repeat="item in items">
  <li ng-repeat="(key, val) in item">
    {{key}}: {{val}}
  </li>
</ul>

示例:http://jsfiddle.net/Vwsej/

编辑:

请注意，不保证对象中的属性顺序。

<table>
    <tr>
        <th ng-repeat="(key, val) in items[0]">{{key}}</th>
    </tr>
    <tr ng-repeat="item in items">
        <td ng-repeat="(key, val) in item">{{val}}</td>
    </tr>
</table>

示例:http://jsfiddle.net/Vwsej/2/

关于json - angularjs - ng-重复 : access key and value from JSON array object，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21697695/