Javascript 如何使用ng repeat angularjs迭代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>

{{menu.name}

在控制器中，我用json结果填充

$scope.menuitems

 {"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格式呈现姓名列表。如果我写

{{menu[0].name}

我确实会得到一条记录。我做错了什么，我无法迭代json集合。

它在一个对象内。所以，你必须使用

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

{{menu.name}

它位于对象内部。所以，你必须使用

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

{{menu.name}

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

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

---

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

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

---

ng repeat

指令在数组上工作

因此，在您的例子中，

menuitems

是存储响应json对象的变量

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

categories

因此，要使ng repeat工作，您需要将

menuitems.categories

传递给它

表达方式：

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

{{menu.name}

ng repeat

指令在阵列上工作

因此，在您的例子中，

menuitems

是存储响应json对象的变量

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

categories

因此，要使ng repeat工作，您需要将

menuitems.categories

传递给它

表达方式：

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

{{menu.name}