如何将String转换为Angular中的Type / Component？

Question

In Angular, i get a String and want to transform it to a Type / Component. For example, i get "ListComponent" and want to add a ListComponent to the Application. I dont want to map these in an Map or something. Is it possible to get the Type out of a String?

stringComponent = "ListComponent";
typeComponent = *transform "ListComponent" to ListComponent;
method(typeComponent);

Answer 1

Maybe something like:

class ListComponent {
  foo = 'bar'
}
class LolComponent {}

const componentsMap = {
  ListComponent,
  LolComponent
}

type ComponentName = keyof typeof componentsMap;


function convertStringToComponent<Name extends ComponentName>(name: Name): (typeof componentsMap)[Name] {
  return componentsMap[name];
}

const CompByName = convertStringToComponent('ListComponent');

const instance = new CompByName();

instance.foo; // ok!