Javascript 如何从angularjs中的json获取菜单键

Javascript 如何从angularjs中的json获取菜单键,javascript,json,angularjs,Javascript,Json,Angularjs,我想要获取menu1或menu2字段等等,如何在angularjs中实现? json如下所示: { "menu1": [ { "item": "1", "Auth": "content/articleList", }, { "item": "2", "Auth": "content/articleList", }], "menu2": [ { "item": "3", "Auth": "publish/c

我想要获取menu1或menu2字段等等,如何在angularjs中实现? json如下所示:

{
"menu1": [
   {
     "item": "1",
     "Auth": "content/articleList",
   },
   {
     "item": "2",
     "Auth": "content/articleList",
   }],
 "menu2": [
   {
     "item": "3",
     "Auth": "publish/cacheSetting",
   },
   {
     "item": "4",
     "Auth": "publish/juggleList",
   }]
}

你可以像下面这样做:

<div ng-repeat="(key, menu) in menus">
  {{ key }}
  <div ng-repeat="item in menu">
    {{item.item}} : {{item.Auth}}
  </div>
</div>

如果您有一个服务,并且希望在控制器中使用它,那么您需要执行以下操作来在服务中加载JSON,并从控制器调用它

App.factory("MenuService", [ '$http', function($http) {
    return {
        getMenus: function() {
            return $http.get( '/menuService' );
        }
    }
}]);


App.controller("SomeController", ['$scope', 'MenuService', function($scope,MenuService) {
    $scope.doSomething = function() {
        MenuService.getMenus().success( result ) {
            $scope.menu1 = result.menu1;
            $scope.menu2 = result.menu2;
            // You got menu1 and menu2 now do something
        }
    }
}]);

您想用它做什么?menu1或menu2是真正菜单的平铺,项目是它的子菜单