angularjs - ng-repeat:从 JSON 数组对象访问键和值
我有如下所示的 JSON 数组对象.
I have JSON Array object as shown below.
$scope.items =
[
{Name: "Soap", Price: "25", Quantity: "10"},
{Name: "Bag", Price: "100", Quantity: "15"},
{Name: "Pen", Price: "15", Quantity: "13"}
];
我想在 angular.js 中使用 ng-repeat 分别获取键和值.我已经尝试了以下代码，但它不起作用.
I want to get the keys and values separately using ng-repeat in angular.js. I have tried the following code but its not working.
<tr ng-repeat="(key, val) in items">
<td>{{key}}</td>
<td>{{val}}</td>
</tr>
我相信问题出在大括号["和]"上.谁能建议我如何解决这个问题?
I believe the problem is with the braces '[' and ']'. Can anyone please suggest me how the issue can be resolved ?
非常感谢您的回复.我已经试过你的代码和它的工作.但我真正的要求是显示如下所示的项目.
Thank you so much for the reply. I have tried your code and its working. But my real requirement is display the items as shown below.
Name Price Quantity
Soap 25 10
Bag 100 15
Pen 15 13
我在 html 中使用了一些 I am using some 我知道在另一个 I know that
你有一个对象数组，所以你需要使用 You've got an array of objects, so you'll need to use 请注意，不能保证对象中的属性顺序. Note that properties order in objects are not guaranteed. 示例:http://jsfiddle.net/Vwsej/2/ 和 .但屏幕上没有显示任何内容.代码如下所示.
<tr> and <td> in html. But nothing getting displayd in screen. The codes are shown below.<table>
<tr ng-repeat="item in items">
<tr ng-repeat="(key, val) in item">
<td>{{key}}</td>
<td>{{val}}</td>
</tr>
</tr>
</table>
中的 是 html 不允许的.我尽力了.但没有运气.如果你能在这方面帮助我，那就太好了.提前致谢.
<tr> inside of another <tr> is not permitted by html. I tried by best.But no luck.
It will be great if you could help me in this.
Thanks in advance.ng-repeat 两次，比如:ng-repeat twice, like: <ul ng-repeat="item in items">
<li ng-repeat="(key, val) in item">
{{key}}: {{val}}
</li>
</ul>
<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>
登录
关闭