ng-repeat innerhalb ng-repeat in eckig

Ich habe einen Datensatz, der von einem eckigen $ Ressourcenversprechen wie unten zurückgegeben wird.ng-repeat innerhalb ng-repeat in eckig

Der Datensatz ist ein Array, und innerhalb jeder Reihe von Datensatz es einen anderen Variablenarray. Ich versuche, in meiner Ansicht wie folgt anzuzeigen.

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)

Das Problem ist, category.CategoryItems zurück undefiniert und leer als Ergebnis, obwohl seine tatsächlich eine Reihe von Objekten. Bitte wie drucke ich diese? Jede Kategorie enthält Kategorieelemente eines Array-Typs. Wie erreiche ich das am besten?

Quelle

2016-06-11 Nuru Salihu

Ihr 'li' ist keine Winkelwiederholung, es ist eine Jadewiederholung, die nicht funktioniert, weil die Daten nicht von Jade geparst werden. Sie sollten es genauso machen, wie Sie das 'div' gemacht haben, d. h.' li (ng-repeat = "item in category.CategoryItems") ' – Claies

Sorry ging immer und immer wieder, kann einfach nicht glauben, dass ich das verpasst habe. –

Sie haben nicht ng-repeat das zweite Mal verwendet. Versuchen Sie folgendes:

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)

Quelle

2016-06-11 17:00:49 Keammoort

Ging immer und immer wieder durch. Kann einfach nicht glauben, dass ich das verpasst habe. –

I verwendet verschachtelte ng-repeat in meinem Projekt vor einiger Zeit. In meinem Projekt war die Anforderung, alle Blogs wie in Snapshot zu zeigen:

Um dies zu erreichen Sie ng-repeat wie in folgendem Code verwenden können:

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

In dem obigen Code ng-repeat innerhalb der ng-repeat und auch innerhalb der 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>

Quelle

2017-02-10 11:37:13

ng-repeat innerhalb ng-repeat in eckig

Antwort

Verwandte Themen