从javascript渲染angular2组件并获得html作为回报

Question

有没有办法从JavaScript执行angular2组件并获得生成的HTML作为回报？

我想在普通的JavaScript / JQUERY中编写一个函数，它应该执行angular2组件并返回生成的HTML。

例如：类似的东西

var html = executeAngular2ComponentAndReturnHtml('componentName');

任何帮助将受到高度赞赏。

谢谢

Answer 1

您可以使用innerHTML属性来执行此操作。 将它绑定到组件类的属性，如下所示：

<div [innerHTML]="customHtml">  // note the casing of innerHTML.
</div>

在您的Component代码中：

this.customHtml = executeAngular2ComponentAndReturnHtml('componentName');

重要提示 ：您可能还希望将HTML标记为受信任，以便Angular2的DOM清理程序不会删除部分HTML。 为此，请参阅angular 2 html绑定