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以動態方式添加組件

回答

相關問題