Javascript 如何从angularjs中的json获取菜单键
我想要获取menu1或menu2字段等等,如何在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": [
{
"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是真正菜单的平铺,项目是它的子菜单