具有ng重复的嵌套递归指令

Nested Recursive Directives with ng-repeat

本文关键字：嵌套递归指令 ng 具有更新时间：2023-09-26

我正在学习使用ng repeat的嵌套递归指令。我参考了

在角度中构建嵌套递归指令

那么我希望第二级ui模板的数据是自己自定义的，而不仅仅是调用或重新渲染同一个模板。

例如

<ul>
   <li>
     <div>Europe</div>
       <!-- Customize by myself ui of level 2 -->
       <ul>
          <li>
            <div><img src="italy.jpg" /></div>
            <div>Italy</div>
          </li>
       </ul>
   </li>
</ul>

如何修改Directive链接函数以将新模板附加到级别1

这里有一个例子：

<div style="float: left;">
                            <ul>
                                <li ng-repeat="item in LIST">
                                    <span id="listItems">
                                        {{item.HEADER}}
                                    </span>
                                    <ul>
                                        <li ng-repeat="subitem in item.SUBLIST">
                                            <span id="listItems">
                                                {{subitem.HEADER}}
                                            </span>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

这里的LIST将是您的第一级列表，它将有一个对象SUBLIST作为第二级列表。