具有动态数据代码的重复元素在angular7

Question

我需要停止在我的angular 7应用程序中重复的一组元素。

那组元素正在处理动态数据。

所以我在一个组件中创建了这组元素。

但是我不能在该组件内部调用该组件。

Answer 1

我为此找到了解决方案

<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>