Question

我的服务提供了以下json结果

 {"categories":[{"category_id":"20","name":"Desktops"},  {"category_id":"18","name":"Laptops &amp},{"category_id":"25","name":"Components"},
{"category_id":"57","name":"Tablets"},
{"category_id":"17","name":"Software"},
{"category_id":"24","name":"Phones} ]}

这是我的HTML代码：

    <tr ng-repeat="menu in menuitems">
    <td>
        {{menu.name}}
    </td>

控制器中的

我使用json结果填充$scope.menuitems

我无法在html中呈现名称列表。如果我写{{menu[0].name}}我会得到一条记录。我做错了什么，我无法迭代json集合。

Answer 1

它在一个物体内。所以，你必须使用，

 <tr ng-repeat="menu in menuitems.categories">
<td>
    {{menu.name}}
</td>

Answer 2

ng-repeat指令适用于数组。

因此，在您的情况下，menuitems是存储响应json对象的变量。

你的json结构显示它包含一个对象的数组categories。

因此，要使ng-repeat工作，您需要将menuitems.categories传递给它。

表达式：

<tr ng-repeat="menu in menuitems.categories">
<td>
    {{menu.name}}
</td>

Answer 3

您应该迭代所有对象并跟踪它们我不知道你的控制器，但尝试添加这行代码

ng-repeat="menu in menuitems track by $index

如何使用ng repeat angularjs

3 个答案: