Angular - Access to Component/Class from it's name

Question

I found a solution suggestion in this link and tried to implement it to my project by adding below code in a global (ts) file.

interface Component { }

type ComponentClass = { new (): Component };

const REGISTRY = new Map<string, ComponentClass>();

function getTypeFor(name: string): ComponentClass {
    return REGISTRY.get(name);
}

function register(cls: ComponentClass): void {
    REGISTRY.set(cls.name, cls);
}

and then registered my every component like below:

class ComponentA implements Component { ... }
register(ComponentA);

I am getting my component type with getTypeFor method. Everything was nearly perfect when i try to put a parameter in constructor of a component. As i see, this "ComponentClass" type waiting a no parameter constructor. How can i use this method or any other solution if my cnonstructor have parameter(s).

Will all constructors share the same parameters? If so, change the definition of `ComponentClass` to match - otherwise afaik you're out of luck with this approach. — fredrik, Apr 04 '18 at 15:08

score 1 · Accepted Answer · answered Apr 04 '18 at 18:58

1

try below:

type ComponentClass = { new (...args:any[]): Component };

answered Apr 04 '18 at 18:58

Adem Aygun

550
2
6
25

Angular - Access to Component/Class from it's name

1 Answers1