Angular 5 – 将名称中的组件实例化为字符串

发布时间：2020-12-17 17:29:59 所属栏目：安全来源：网络整理

导读：我知道如何使用ComponentFactoryResolver.resolveComponentFactory(AComponentType)初始化组件但是该方法需要一个Type,而在我的代码中我将该类型的名称作为字符串. 在Angular API中是否有一种通过字符串解析的方法？如果没有,我如何将字符串转换为TypeScri

我知道如何使用ComponentFactoryResolver.resolveComponentFactory(AComponentType)初始化组件

但是该方法需要一个Type,而在我的代码中我将该类型的名称作为字符串.

在Angular API中是否有一种通过字符串解析的方法？
如果没有,我如何将字符串转换为TypeScript中的Type？

如果以上都不可能,我会使用地图,但它不是那么简单,因为我需要实例化的组件将来自远程获取的UMD角度组件库.

解决方法

您可以执行以下操作：

const classesMap = {
  AComponentType: AComponentType,BComponentType: BComponentType
}

然后：

CreateDynamicComponent(typeName: string) {
    ...
    const componentFactory = ComponentFactoryResolver.resolveComponentFactory(classesMap[typeName].prototype.constructor)
    ...
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!