Question

我有一个记录，从下面的角度$ resource承诺返回。

记录是一个数组，并且在每个记录数组中有另一个变量数组。我尝试在我的视图中显示如下。

 div(ng-repeat="category in categories")
                h6
                    img(src="{{category.ImageUrl}}")
                    |{{category.Name}}
                ul(class="list-unstyled")
                    li(item in category.CategoryItems)
                        a(href="#") {{item.Item}} (0)

问题是，category.CategoryItems返回undefined并且结果为空，即使它实际上是一个对象数组。请问我该如何打印？每个类别都有一个数组类型的类别项。我如何才能最好地实现这一目标？

Answer 1

你第二次没有使用ng-repeat。试试这个：

div(ng-repeat="category in categories")
            h6
                img(src="{{category.ImageUrl}}")
                |{{category.Name}}
            ul(class="list-unstyled")
                li(ng-repeat="item in category.CategoryItems")  //ng-repeat added
                    a(href="#") {{item.Item}} (0)

Answer 2

我不久前在我的项目中使用了嵌套ng-repeat。在我的项目中，要求是在快照中显示所有博客：

要实现此目的，您可以使用以下代码中的ng-repeat：

<div class="panel ">
            <div class="panel-body">
                <div class="col-sm-12 "  ng-repeat="blogBlock in blogs" >
                    <h2 class="hot-topics-heading">{{blogBlock.year}}</h2>
                    <div class="blog-year>
                        <div class="col-sm-6" ng-repeat="months in blogBlock.data">
                            <span class="hot-topics-heading">{{months.monthName}}</span>
                            <div   class="blog-month" >
                                <ul class="hot-topics-ul" >
                                      <li class="blogTitle" ng-repeat="blog in months.data">
                                         <a href="/blog/{{blog.id}}/{{blog.title | decodeURL}}">{{blog.title}}</a>
                                      </li>
                                </ul>
                            </div>
                        </div>
                     </div>
                 </div>
            </div>
 </div>

在ng-repeat内的上述代码ng-repeat以及ng-repeat内部。{/ p>

<div ng-repeat="blogBlock in blogs" >
     <div ng-repeat="months in blogBlock.data">
            <ul>
                 <li ng-repeat="blog in months.data"></li>
            </ul>
     </div>
</div>

ng-repeat in ng-repeat in angular

2 个答案: