双向绑定数据在Polymer中显示为字符串

Question

我正在尝试使用以下代码渲染聚合物模板，

Qt.ScrollBarAlwaysOff

但是这会将双向绑定数据也作为字符串呈现，而不是显示绑定值，例如

const shadowRoot = this.attachShadow({mode: 'open'});
const htmlTemplate = importDoc.querySelector('template');
shadowRoot.innerHTML = htmlTemplate.innerHTML;

显示

是否有人有任何想法？双向绑定只是示例，它呈现这样的一切。

Answer 1

要使用<template>代码，您应使用importNode上的content。

e.g。

var clone = document.importNode(htmlTemplate.content, true);
shadowRoot.appendChild(clone); 
// note that you will need to clear the shadowRoot if you do rerenderings
// OR you could try
shadowRoot.innerHTML = htmlTemplate.content;

在此处查看更多详情https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template