从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清理程序不会删除部分内容。为此，请参阅angular 2 html binding