我在使用Angular JS循环数据时遇到了一些问题(ng重复)
从php我发送一个多关联数组作为json数据。它保存resData和ResMenu,每个对象都保存数据。
在我的控制器中,我在菜单en resData中拆分了这个对象。 resdata工作正常。但是我遇到res菜单的问题:
$scope.resData = data.resData;
$scope.resMenu = data.resMenu;
我想要的是这个: 我有类别=>每个类别都有一些类别的类别数据,然后在每个类别数组中有一个名为“item”的aray,它包含连接到该类别的所有菜单项。
我的重复代码:
<div ng-repeat="cat in resMenu">
<div class="panel-heading menuHead">
<h4 class="panel-title">{{cat.cat.maincatename}}
</h4>
</div>
<a href="" class="list-group-item ng-scope ng-binding" ng-repeat="item in resMenu" style="padding:5px !important">
{{item.item.menu_name}}
</a>
</div>
我在视图中看到了所有类别的名称,以便工作。但是现在我想在每个类别中显示菜单项。但由于某种原因,这不起作用我也试过item in resMenu.item
但由于某种原因我不会让“循环循环”起作用。
下面我从我的控制台上找到了te对象。因为格式不好我从“自上而下”论证它以便更好地理解
JSON对象(控制台)
Object {resMenu: Array[7], resData: Object}
resData: Object
resMenu: Array[7]
0: Object
1: Object
2: Object
3: Object
4: Object
5: Object
6: Object
length: 7
__proto__: Array[0]
__proto__: Object
resMenu中的对象
0: Object
$$hashKey: "005"
cat: Object
item: Object
__proto__: Object
__defineGetter__: function __defineGetter__() { [native code] }
__defineSetter__: function __defineSetter__() { [native code] }
__lookupGetter__: function __lookupGetter__() { [native code] }
__lookupSetter__: function __lookupSetter__() { [native code] }
constructor: function Object() { [native code] }
hasOwnProperty: function hasOwnProperty() { [native code] }
isPrototypeOf: function isPrototypeOf() { [native code] }
propertyIsEnumerable: function propertyIsEnumerable() { [native code] }
toLocaleString: function toLocaleString() { [native code] }
toString: function toString() { [native code] }
valueOf: function valueOf() { [native code] }
get __proto__: function __proto__() { [native code] }
set __proto__: function __proto__() { [native code] }
cat对象看起来像这样
cat: Object
maincateid: "381"
maincatename: "Menu\'s compleet en voordelig"
restaurant_id: "70"
sortorder: "1"
status: "1"
item再次嵌套对象
item: Object
14: Object
20: Object
26: Object
32: Object
36: Object
39: Object
41: Object
43: Object
45: Object
47: Object
49: Object
51: Object
53: Object
55: Object
57: Object
当我打开一个对象时,我看到了数据..
答案 0 :(得分:0)
更改内部ng-repeat
<a href="" class="list-group-item ng-scope ng-binding" ng-repeat="item in cat.item" style="padding:5px !important">
{{item.menu_name}}
</a>