具有动态数据代码的重复元素在 angular7 中优化 [英] Repeated elements with dynamic datas code optimize in angular7

问题描述

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

I need to stop a one set of elements repeated in my angular 7 application.

这组元素正在处理动态数据.

That set of elements are working with dynamic data.

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

So I create that set of elements in one component.

但是我不能在那个组件内部调用那个组件.

But I can't call that component inside of that component.

推荐答案

我有一个解决方案

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

这篇关于具有动态数据代码的重复元素在 angular7 中优化的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！