我的嵌套ng-repeat不起作用

时间:2014-11-29 22:16:02

标签: angularjs

试试这个:

<div ng-repeat="store in something111.company2.store">
    {{store.name}}
    <div ng-repeat="section in something111.company2.store.section">
        {{section.name}}
    </div>
</div>

获取此信息:

DePere
Green Bay

这是我的user.company2:

{
"_id":"5473fc8c14034efd3c2b3d58",
"name":"Festival",
"__v":0,
"store":[{
  "_id":"5473fc8c14034efd3c2b3d59",
  "name":"DePere",
  "__v":0,
   "section":
     [{
    "_id":"5478b54c945d4c00001aa5f9",
     "name":"Deli",
   "__v":0}]},
    {
   "_id":"54747f498e16571b6049e266",
   "name":"Green Bay",
   "__v":0,
   "section":
     [{
     "_id":"547930057f7aa70000ee568f",
     "name":"Produce",
     "__v":0}]}]} 

产品应该出现在Green Bay下,熟食应该出现在DePere下,但它们不是。 company2.store有效,但是company2.store.section没有......或者ng-repeat有什么问题。

我应该怎么做才能修复它?谢谢!

1 个答案:

答案 0 :(得分:3)

对于内部ng-repeat,请开始使用&#39;路径&#39;在你完成外部的那一点:

<div ng-repeat="store in something111.company2.store">
  {{store.name}}
  <div ng-repeat="section in store.section">
    {{section.name}}
  </div>
</div>

在这种情况下,内部ng-repeat将遍历存储在{em>存储在section中的每个元素的user.company2.store属性中的集合。目前,您尝试直接访问user.company2.store.section并失败,因为section 数组中没有user.company2.store这样的属性。