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

这是fiddle

在 angularjs 中使用点符号在 HTML 中重复嵌套 JSON？

Repeating nested JSON in angularjs with dot notation in HTML?

javascript

json

angularjs

angularjs-ng-repeat