且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

带有动态数据代码的重复元素在angular7中进行了优化

更新时间:2023-12-01 11:44:22

我为此找到了解决方案

<ul>
    <li *ngFor='let link of links'>
        <ng-container 
             *ngTemplateOutlet="simpleLink; context:{link:link}">
        </ng-container>
    </li>
</ul>

<ng-template #simpleLink let-link='link'>
    Simple : {{ link.name }}
    <ul>
        <li *ngFor='let link of link.childLinks'>
            <ng-container 
                *ngTemplateOutlet="simpleLink; context:{link:link}">
            </ng-container>
        </li>
    </ul>
</ng-template>