javascript - 在 AngularJS 中使用 HTML 中的点表示法重复嵌套 JSON？

Question

我真的很难重复从 json 文件加载的嵌套对象。我见过人们在 HTML 中使用点符号来检索 JSON 中的嵌套数据的示例，但我不知道这对我来说如何工作。 JSON 是有效的，但我是 Angular 的新手。有人可以插入我朝正确的方向前进吗？我想输入菜单卡的名称并将其显示在单独的列表中。这就是我所拥有的，但它不起作用，(如果您想知道，控制台不会给我任何错误):

<div ng-controller="menu" ng-repeat="item in menu.voorgerecht">
        <div>{{item.naam}}</div>

</div>

js

angular.module("app", [])

.controller("menu", function ($scope, $http) {
            $scope.menu = null;
            $http({
                method: 'GET',
                url: 'menu-items.json'
            }).succes(function (data, status, headers, config) {
            $scope.menu = data;
        }).error(function (data, status, headers, config) {});
});

json

{
        "voorgerecht": [
            {
                "naam": "Sardine"
            },
            {
                "naam": "Funghi Trifolati"
            }
        ],
        "pizza": [
            {
                "naam": "San Marco"
            },
            {
                "naam": "Capriciosa"
            }
        ],
        "desert": [
            {
                "naam": "Sorbet"
            },
            {
                "naam": "Dame Blanche"
            }
        ]
}

Answer 1

不要在具有 ng-controller 的同一元素上执行 ng-repeat:

<div ng-controller="menu">
  <div ng-repeat="item in menu.voorgerecht">
    <div>{{item.naam}}</div>
  </div>
</div>