从angular2中的字符串解析组件的类型<>

Question

是否有可能Type<T>从string值获取component()的类型？Smth喜欢:

let typeStr: string = 'MyComponent';
let type: any = resolveType(typeStr); // actual type

Answer 1

如果不为类保留"注册表",则无法做到这一点.

interface Component { }

type ComponentClass = { new (): Component };

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

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

至于如何添加条目REGISTRY,你有几个选项,这里有两个:

(1)在每个类定义后手动添加:

class ComponentA implements Component { ... }
REGISTRY.set("ComponentA", ComponentA);

或者为它做一个功能:

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

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

(2)使用装饰器:
只需使用上面的register函数作为装饰器:

@register
class ComponentA implements Component { ... }

Answer 2

以防万一有人像我一样偶然发现这个问题。无需维护注册表即可实现。

完全归功于yurzui 的解决方案。

只是从那里复制：

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