Повторяющиеся элементы с динамическим кодом данных оптимизируют в angular7

Question

Мне нужно остановить один набор элементов, повторяющихся в моем угловом приложении 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>