Javascript 如何在angularjs repeat指令中获取json数据？_Javascript_Html_Angularjs

Javascript 如何在angularjs repeat指令中获取json数据？

javascript html angularjs

Javascript 如何在angularjs repeat指令中获取json数据？,javascript,html,angularjs,Javascript,Html,Angularjs,我想知道，我应该如何从我的json文件中提取主菜单，并分别重复ng和子菜单下面是我的档案 menu.json 这是我的js文件 app.js 这是我的html文件 index.html {{menu}} {{子菜单.主菜单} 尝试下面列出菜单名 <body ng-app="myApp" ng-controller="mainController as mainCtrl"> <ul> <li ng-repeat="menus in ma

我想知道，我应该如何从我的json文件中提取主菜单，并分别重复ng和子菜单

下面是我的档案

menu.json

这是我的js文件

app.js

这是我的html文件

index.html




{{menu}}


{{子菜单.主菜单}

尝试下面列出菜单名

<body ng-app="myApp" ng-controller="mainController as mainCtrl">
  <ul>
    <li ng-repeat="menus in mainCtrl.menus">
      <ul>
        <li ng-repeat="menu in menus">
          {{menu.name}}
        </li>
      </ul>
    </li>
  </ul>
</body>

尝试下面列出菜单名

<body ng-app="myApp" ng-controller="mainController as mainCtrl">
  <ul>
    <li ng-repeat="menus in mainCtrl.menus">
      <ul>
        <li ng-repeat="menu in menus">
          {{menu.name}}
        </li>
      </ul>
    </li>
  </ul>
</body>

您有

“主菜单”：

两次在json中，最后一次将覆盖第一次只需将

重新播放到

，因为您在控制器中的

菜单范围内：mainCtrl.menus=data.data[“main menu”]ng repeat=“（菜单名，菜单）”
，然后执行ng repeat=“菜单中的菜单”
。将ng app=“myApp”添加到身体中@AkshayKumar当然可以。该行相当于（索引，值）
。它将索引（无论是数字还是字符串）存储在第一个变量中，值/对象存储在第二个变量中。在json中有“主菜单”：
两次，最后一次将覆盖第一次，只需将
重放到
因为您在控制器的菜单范围内：mainCtrl.menus=data.data[“主菜单”]ng repeat=“（菜单名，菜单）”
，然后执行ng repeat=“菜单中的菜单”
。将ng app=“myApp”添加到身体中@AkshayKumar当然可以。该行相当于（索引，值）。它将在第一个变量中存储索引（无论是数字还是字符串），在第二个变量中存储值/对象。
    <body ng-controller="mainController as mainCtrl">
    <ul>
      <li ng-repeat="menu in mainCtrl.menus">
        {{menu}}
        <ul>
          <li ng-repeat="subMenu in mainCtrl.menus">
            {{subMenu.main menu}}
          </li>
        </ul>
      </li>
    </ul>

    </body>

<body ng-app="myApp" ng-controller="mainController as mainCtrl">
  <ul>
    <li ng-repeat="menus in mainCtrl.menus">
      <ul>
        <li ng-repeat="menu in menus">
          {{menu.name}}
        </li>
      </ul>
    </li>
  </ul>
</body>

(function() {
  var app = angular.module('myApp', []);

  app.controller('mainController', ['$http', function($http) {
    var mainCtrl = this;
    $http.get('menu.json').success(function(response) {
      mainCtrl.menus = response.data["main menu"];
    });
  }]);

})();