在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>

Answer 2

这应该工作

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

这是小提琴