How to get list of dynamically created components in Angular?

Asked Mar 14 '21 at 06:43

Active Mar 14 '21 at 07:03

Viewed 302 times

I'm trying to create components dynamically. The simplified code which creates the component looks like this -

loadDynamicComponent(container: ViewContainerRef, template, data: any, settings?: any) {
    const cfr = AppInjector.get(ComponentFactoryResolver);
    const factory = cfr.resolveComponentFactory(template);
    this.componentRef = container.createComponent(factory);


    if (this.componentRef was created before) {
    ...
    }
    else
    {
        //container.clear();
        container.insert(this.componentRef.hostView);
        this.setComponentData(data, settings);
    }
}

This works well, but now I want to know if such a component has been created already before. Unfortunately, I cannot find any appropriate functions in ViewContainerRef. Is there any way to get an array that contains all created componentRef?

edited Mar 14 '21 at 07:03

asked Mar 14 '21 at 06:43

Lars

Is there any reason why you cannot just make an array and put the previously created components in it? – Mikkel Christensen Mar 14 '21 at 08:31
@MikkelChristensen this would be an option, but I'm wondering if there isn't a more elegant way to achieve this... – Lars Mar 14 '21 at 08:32

How to get list of dynamically created components in Angular?

0 Answers0