[英]Why doesn't angularjs ng-repeat work properly?
我有一些出于某种原因无法分解的代码:
<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? 我以前做过类似的事情,但没有任何问题,现在我什至不知道如何正确调试它。 这对我来说毫无意义。
您确定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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.