Angular 6 从 HTMLTemplateElement 创建 HTMLElement [英] Angular 6 create HTMLElement from HTMLTemplateElement

问题描述

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

We try to use custom elements in Angular that are created in polymer.

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

Our goal is to define a HTML template that is passed to a custom element. The custom element generates the HTML based on this template. Angular does not pass the HTML template correctly. It seems that angular renders HTML templates in a different way.

一个简单的 Javascript 示例:

A simple example in plain Javascript:

https://stackblitz.com/edit/js-svh54x?file=index.js

innerHTML 未改动

Anuglar 6 中的一个简单示例:

A simple example in Anuglar 6:

https://stackblitz.com/edit/angular-zryvwi?file=src%2Fapp%2Fapp.component.ts

移除了innerHTML

为什么angular会删除HTMLTemplateElement的innerHTML?

Why does angular remove the innerHTML of the HTMLTemplateElement?

推荐答案

使用

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

代替

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

解决了我的问题.

这篇关于Angular 6 从 HTMLTemplateElement 创建 HTMLElement的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！