Polymer 字符串数据绑定是否可以呈现其HTML内容?

Polymer 字符串数据绑定是否可以呈现其HTML内容?,polymer,Polymer,我有这个模板: <template is="dom-repeat" items="[[faq]]"> <div class="container"> <div class="question">[[item.question]]</div> <div class="answer">[[item.answer]]</div> </div> </template> [[项目.问

我有这个模板:

<template is="dom-repeat" items="[[faq]]">
  <div class="container">
    <div class="question">[[item.question]]</div>
    <div class="answer">[[item.answer]]</div>
  </div>
</template>

[[项目.问题]]
[[项目.答案]]
我有一个
项.answer
字符串,它包含一个链接到另一个页面的HTML锚。此
仅呈现为页面上的文本。我尝试了一个简单的

,它也呈现为文本


是否可以使用字符串数据绑定将其内容呈现为HTML?如果没有,我怎么还能链接到其他东西呢?

dom repeat的实现方式不能将其应用于任何标记,例如:

<li is="dom-repeat" items="...">
  • 这不仅可以解决这个问题,还可以简化最终的DOM,即DOM中没有额外的节点

    我理解将dom repeat应用于任何标记可能不是一个好主意,但从性能角度来看,这可能可以通过附加声明来解决?例如:

    <template>
      <ol>
        <li is="dom-repeat" items="...">
      </ol>
      <div class="footer" is="dom-if" if="{{showFooter}}">(...)</div>
    </template>
    
    <script>
      Polymer({
          is: "my-element",
    
          extendedElements: ['li', '.footer', 'another css selector'],
    
          (...)
    <script>
    
    
    
  • (...) 聚合物({ 是:“我的元素”, extendedElements:['li','.footer','另一个css选择器'], (...)
  • 然后Polymer只需要检查与extendedElements选择器之一匹配的元素的is属性


    我想这也可以应用于dom,如果可能还有其他扩展。

    dom repeat的实现方式不能应用于任何标记,例如:

    <li is="dom-repeat" items="...">
    
  • 这不仅可以解决这个问题,还可以简化最终的DOM,即DOM中没有额外的节点

    我理解将dom repeat应用于任何标记可能不是一个好主意,但可能可以通过附加声明来解决这一问题,例如:

    <template>
      <ol>
        <li is="dom-repeat" items="...">
      </ol>
      <div class="footer" is="dom-if" if="{{showFooter}}">(...)</div>
    </template>
    
    <script>
      Polymer({
          is: "my-element",
    
          extendedElements: ['li', '.footer', 'another css selector'],
    
          (...)
    <script>
    
    
    
  • (...) 聚合物({ 是:“我的元素”, extendedElements:['li','.footer','另一个css选择器'], (...)
  • 然后Polymer只需要检查与extendedElements选择器之一匹配的元素的is属性


    我想这可以应用于dom,如果可能还有其他扩展的话。

    有一些自定义元素支持从字符串属性呈现HTML,包括

    
    
    HTMLImports.whenReady(()=>{
    聚合物({
    是‘x-foo’,
    特性:{
    html:{
    类型:字符串,
    值:“
    ” } } }); });

    有一些自定义元素支持从字符串属性呈现HTML,包括

    
    
    HTMLImports.whenReady(()=>{
    聚合物({
    是‘x-foo’,
    特性:{
    html:{
    类型:字符串,
    值:“
    ” } } }); });
    
    
    Huh?这是如何回答我的问题的?dom repeat元素是一个自定义的HTMLTemplateElement类型扩展,它自动将模板内容的一个实例标记并绑定到用户提供的数组中的每个对象。dom repeat接受一个items属性,每个项的一个模板实例标记到dom中dom repeat元素的位置。item属性将在每个实例的绑定作用域上设置,因此模板应该绑定到item的子属性。嗯?这以什么方式回答了我的问题?dom repeat元素是一个自定义的HTMLTemplateElement类型扩展,自动标记模板内容的一个实例并将其绑定到用户提供的数组中的每个对象。dom repeat接受一个items属性,并且在dom repeat元素的位置为每个项在dom中标记一个模板实例。item属性将在每个实例的绑定范围上设置,因此模板应绑定到item的子属性。