Warum funktioniert angularjs ng-repeat nicht richtig?

Question

Ich habe einige Code, der aus irgendeinem Grund für ich nicht nach oben aufspalten:

<li class="task-list-item done"> 
<div class="task-icon"> 
    <a href="javascript:;"> 
     <i class="fa fa-database"></i> 
    </a> 
</div> 
<div class="task-status"> 
    <a class="done" href="javascript:;"> 
     <i class="fa fa-check"></i> 
    </a> 
    <a class="pending" href="javascript:;"> 
     <i class="fa fa-close"></i> 
    </a> 
</div> 
<div class="task-content"> 
    <h4 class="uppercase bold"> 
     <a href="javascript:;">Directive</a> 
    </h4> 
    <p>blagh {{unit.elements.journal.definition.directive}}</p> 
</div> 
</li> 

macht feine

aber

<li ng-repeat="definition in unit.elements.journal.definition" class="task-list-item done"> 
    <div class="task-icon"> 
     <a href="javascript:;"> 
     <i class="fa fa-database"></i> 
     </a> 
    </div> 
    <div class="task-status"> 
     <a class="done" href="javascript:;"> 
     <i class="fa fa-check"></i> 
     </a> 
     <a class="pending" href="javascript:;"> 
     <i class="fa fa-close"></i> 
     </a> 
    </div> 
    <div class="task-content"> 
     <h4 class="uppercase bold"> 
     <a href="javascript:;">Directive</a> 
     </h4> 
     <p>blagh {{definition.directive}}</p> 
    </div> 
</li> 

funktioniert nicht.

Warum kann ich nicht ng-repeat richtig? Ich habe schon einmal etwas Ähnliches gemacht und ich hatte keine Probleme, und im Moment weiß ich nicht einmal, wie ich das richtig debuggen soll. Das ergibt für mich keinen Sinn.

Answer 1

Sind Sie sicher unit.elements.journal.definition ist ein Array? Basierend auf Ihrem Snippet ist es wie ein Objekt, weil Sie eine Eigenschaft von ihm aufrufen unit.elements.journal.definition.

Versuchen Sie dies und sehen, ob es richtig rendert, wenn es das ist, ist das sicherlich ein Problem in Ihrem Array.

<li ng-repeat="definition in [{directive: 'test'}]" class="task-list-item done"> 
    <div class="task-icon"> 
    <a href="javascript:;"> 
    <i class="fa fa-database"></i> 
    </a> 
    </div> 
    <div class="task-status"> 
    <a class="done" href="javascript:;"> 
    <i class="fa fa-check"></i> 
    </a> 
    <a class="pending" href="javascript:;"> 
    <i class="fa fa-close"></i> 
    </a> 
    </div> 
    <div class="task-content"> 
    <h4 class="uppercase bold"> 
     <a href="javascript:;">Directive</a> 
    </h4> 
    <p>blagh {{definition.directive}}</p> 
    </div> 
</li>