循环循环重复angularjs无法正常工作

时间:2014-08-20 20:24:49

标签: json angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我在使用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

当我打开一个对象时,我看到了数据..

1 个答案:

答案 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>