动态地将html转换为angular4 / angular2中的组件

Question

我有一个外部模块，它接受一个html字符串，将其转换为html并将其添加到dom中。这看起来像这样：

dialogDefinition.addContents({
    title: 'Upload',
    id: 'upload',
    label: 'Upload',
    elements: [{
        type: 'html',
        html: '<media-upload></media-upload>'
    }]
});

我想要的是media-upload - Component通过angular呈现，以便我可以重用我现有的组件逻辑。

当html内容不是来自模板时，如何获得角度来初始化动态添加的组件？

在angular1中有这种情况的$ compile-function，但是我没有找到angular4 / angular2的等效或其他工作解决方案。

提前感谢您的帮助。

Answer 1

Angular.io有一个关于如何动态加载组件的非常好的文档：

https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html