なぜanglejs ng-repeatは正常に動作しないのですか？

Question

私はいくつかの理由で、私は分割できないことをいくつかのコードを持っている：

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

は細かい

をレンダリングしますが、

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

は動作しません。

ng-repeatを正しくネストできないのはなぜですか？私はこれまで同様のことをしてきましたが、問題はありませんでしたが、今は正しくデバッグする方法がわかりません。これは私には意味がありません。

Answer 1

確かにunit.elements.journal.definitionは配列ですか？あなたのスニペットに基づいて、それはunit.elements.journal.definitionからプロパティを呼び出すので、オブジェクトのようです。

これを試して、正しくレンダリングされているかどうか確認してください

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