这是我想要实现的简单版本:
$scope.colors = [{ "Name": "Red" },{ "Name": "Orange" },{ "Name": "Yellow" }];
<ul>
<li>{{colors[0].Name}}</li>
<li>{{colors[1].Name}}</li>
<li>{{colors[2].Name}}</li>
<li></li>
<li></li>
</ul>
但我想更动态地做到这一点。也就是说,重复5个列表项,每个列表项包含来自数组的一个项,该项colors
最多可以包含5个项(在这种情况下为3)。
您可以通过这种方式执行此操作,但在此处会获得额外的跨度。
<ul>
<li ng-repeat="i in [1,2,3,4,5]">
<span ng-if="i<=colors.length">{{colors[i].name}}</span>
</li>
</ul>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句