¿Es posible obtener el tipo de componente ( Type<T> ) del valor de string ? Algo como:
let typeStr: string = 'MyComponent'; let type: any = resolveType(typeStr); // actual typeNo puede hacer eso sin mantener un "registro" para sus clases.
interface Component { } type ComponentClass = { new (): Component }; const REGISTRY = new Map<string, ComponentClass>(); function getTypeFor(name: string): ComponentClass { return REGISTRY.get(name); } En cuanto a cómo agregar entradas a este REGISTRY , tiene algunas opciones, aquí hay dos:
(1) Agréguelo manualmente después de cada definición de clase:
class ComponentA implements Component { ... } REGISTRY.set("ComponentA", ComponentA);O hacer una función para ello:
function register(cls: ComponentClass): void { REGISTRY.set(cls.name, cls); } class ComponentA implements Component { ... } register(ComponentA); (2) Utilice un decorador:
Simplemente use la función de register anterior como decorador:
@register class ComponentA implements Component { ... }En caso de que alguien tropiece con esta pregunta como yo. Es posible sin mantener un registro.
Todo el crédito es para yurzui por su solución .
Sólo una copia de allí:
import { Type } from '@angular/core'; @Input() comp: string; ... const factories = Array.from(this.resolver['_factories'].keys()); const factoryClass = <Type<any>>factories.find((x: any) => x.name === this.comp); const factory = this.resolver.resolveComponentFactory(factoryClass); const compRef = this.vcRef.createComponent(factory);