У меня есть объект JSON Array, как показано ниже.
$scope.items =
[
{Name: "Soap", Price: "25", Quantity: "10"},
{Name: "Bag", Price: "100", Quantity: "15"},
{Name: "Pen", Price: "15", Quantity: "13"}
];
Я хочу получить ключи и значения отдельно, используя ng-repeat в angular.js. Я пробовал следующий код, но не работал.
<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. Я пробовал лучше. Но не повезло.
Будет здорово, если вы сможете мне помочь в этом.
Спасибо заранее.