有没有办法将HTML插入到Polymer中的自定义元素中?

有没有办法将HTML插入到Polymer中的自定义元素中?,polymer,web-component,Polymer,Web Component,我想将在自定义元素中编写的HTML插入到自定义元素中。例如: <dom-module id="site"> <template> <!-- other HTML --> <!-- insert the HTML --> <!-- other HTML --> </template> </dom-module> <site> <!-- HTML to insert --> </s

我想将在自定义元素中编写的HTML插入到自定义元素中。例如:

<dom-module id="site">
<template>
<!-- other HTML -->

<!-- insert the HTML -->

<!-- other HTML -->
</template>
</dom-module>

<site>
<!-- HTML to insert -->
</site>

检查聚合物模板化器的行为

您可以使用模板并在元素中标记出所需的实例

首先包括模板化程序行为。 然后将所需的HTML放入标记(在元素中)。 在附加的方法中,您可以通过调用templatize()将该模板加载到Templatizer中,该调用混合在行为中

然后,当您准备好使用该内容时,您可以“标记”该内容的一个实例。在标记实例时,可以传入自己的模型对象,以表示可以在实例范围内引用的数据

<link rel="import" href="../../polymer/polymer.html">
<link rel="import" href="../../paper-button/paper-button.html">

<dom-module id="my-el">
  <template>
    <template id="stampTemplate">
      <p>[[message]]</p>
    </template>                                                                                                                                                                                                                                

    <paper-button raised on-click="doStamp">Stamp</paper-button>                                                                                                                                                   

    <div id="myStamps"></div>                                                                                                                                                                                                                  
  </template>

  <script>
    Polymer({
      is: 'my-el',
      behaviors: [Polymer.Templatizer],

      attached: function() {
        // load/templatize the template
        var template = this.$.stampTemplate;
        this.templatize(template);
      },

      doStamp: function() {
        var instance = this.stamp({message: "Hello World"});
        this.$.myStamps.appendChild(instance.root);
      }          
    });
  </script>
</dom-module>

[[信息]]

戳记 聚合物({ 是‘我的el’, 行为:[Polymer.Templatizer], 附:函数(){ //加载/模板化模板 var template=this.$.stampTemplate; 这个.templatize(模板); }, doStamp:function(){ var instance=this.stamp({message:“Hello World”}); 这是$.myStamps.appendChild(instance.root); } });
最后,您可以根据需要将该实例附加到页面/元素中

在上面的示例中,我有一个模板,它是一个包含消息的简单段落。当点击paper按钮时,我在模板的一个新实例上标记消息“Hello World”。然后将此模板的实例附加到“myStamps”div