Angular2以动态方式添加组件

实际上我试图找到一个解决方案，导入和解决组件ia动态的方式，我用System.import，然后componentResolver完成它（RC4），然后当我迁移项目到最终版本的角度是不允许的，因为System.import不能解析组件的路径，如果它位于一个变量上（路径是并且需要在一个变量中），根据我的研究范围内的问题，但我不知道如何解决它Angular2以动态方式添加组件

用来工作

System.import(formPath).then((module: any) => { 
    this.widgetService.add(new Widget('Widgets.Form', 
             module[Object.keys(module)[0]], 
             1 
             ) 
         ); 
    }, 
    (err: any) => console.error(err) 
)

但n以下情况的代码我不能这样做，我试着下面的代码

System.import(pathToForm) 
    .then(cmp => console.log(cmp)) 
    .catch(err => console.error(err));

有人有任何想法如何使它的工作？

顺便说一句，我使用的角度-CLI其使用的WebPack

我也测试要求和我有相同的行为。

在此先感谢，对不起，我的英语。

编辑： 我发现为什么System.import不是为我工作，我完全忘了，我是从systemJS到角CLI迁移（其中使用的WebPack），但是应该有一个方法，使从一个要求变量，因为我用SystemJS做它

来源

2016-11-04 Jose Luis Berrocal Obando

System.import不适合我，我完全忘了我从systemJS迁移到angular-cli（使用webpack），但是应该有一种方法来从可变的，因为我用它来处理SystemJS

来源

2017-01-18 18:41:40

Angular2以动态方式添加组件

回答

相关问题