Angular相当新颖,我试图做一些非常规操作。将数组转换为嵌套列表
说我有一个这样的数组:["A","B","C","D","E","F","G"];
我想输出HTML这样的:
<ul>
<li>A</li>
<ul>
<li>B</li>
<ul>
<li>C</li>
<ul>
<li>D</li>
<ul>
<li>E</li>
<ul>
<li>F</li>
<ul>
<li>G</li>
</ul>
</ul>
</ul>
</ul>
</ul>
</ul>
</ul>
从本质上讲,我只是想继续筑巢,直到我打了数组的结尾。我无法弄清楚如何做到这一点。不幸的是,我没有任何代码示例,因为如果不在while循环中冻结浏览器,我无法做到这一点。
尽管如此,这里是我得到了什么:
<div class="trail" ng-include="'trail'"></div>
<script type="text/ng-template" id="trail">
<li>{{trailItem.content}}<li>
<ul ng-repeat="trailItem in post.trail" ng-include="'trail'">
</ul>
</script>
以上是指具有一个数据结构,其中post
是对象的数组,其中content
是一个属性的工作。
但是,这会永久循环,并且浏览器会冻结。
请出示你已经在角 –
不知道有关环路尝试过,但看看这个[小提琴](http://jsfiddle.net/zeck/VNX29/4/) –