ng-repeat внутри ng-repeat в угловом

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 возвращается неопределенным и пустой, как результат, даже если его на самом деле массив объектов. Пожалуйста, как я их распечатаю? Каждая категория имеет элементы категории массива. Как мне лучше всего достичь этого PLS?

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.

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