Angular 6 从 HTMLTemplateElement 创建 HTMLElement

Question

我们尝试在 Angular 中使用在聚合物中创建的自定义元素。

我们的目标是定义一个传递给自定义元素的 HTML 模板。自定义元素基于此模板生成 HTML。 Angular 没有正确传递 HTML 模板。 angular 似乎以不同的方式呈现 HTML 模板。

简单的例子 Javascript:

innerHTML untouched

Anuglar 6 中的一个简单示例：

Removed innerHTML

为什么 angular 删除 HTMLTemplateElement 的内部 HTML？

Answer 1

正在使用

<template id="testTemplate" [innerHTML]="'<div>Test 123!!!</div>'"></template>

而不是

<template id="testTemplate">
    <div>Test 123!!!</div>
</template>

解决了我的问题。

Angular 6 create HTMLElement from HTMLTemplateElement