Question

使用Polymer 2.0 的清洁方式是什么来参数化dom-repeat项目模板？

用法：

-pedantic

CustomComponent：

<custom-component>
    <template id="item-template">
        [[item]]
    </template>
</custom-component>

我无法在Polymer 2.0上找到任何明确的文档来实现这一目标。

Answer 1

我刚开始学习聚合物。也许我只是你的问题。我想你想要重复一个具有结构和数据取决于你需要它的元素。并且有3分。

<强>演示element.html

<dom-moudle is="demo-element">
  <template>
    <span>{{property1.name}}</span>
    <span>{{property1.age}}</span>
    <script>
      class DemoElement extends Polymer.Element {
        static get is() { return 'demo-element'; }
        static get properties() {
          return {
            property1: Object
          }
        }
      }
      window.customElements.define(DemoElement.is, DemoElement);
    </script>
  </template>
</dom-moudle>

自定义-component.html

<dom-module id="custom-component"> <template> <template is="dom-repeat" items="[[foo]]" id="repeater"> <demo-element property1="[[item]]"></demo-element> </template> </template> </dom-module>

Dom-repeat's item property will be set on each instance's binding scope，因此您无法在custom-component's个实例中设置dom-repeat的商品属性。</ p>

根据需要创建包含结构和数据的自定义元素。使用dom-repeat重复自定义元素。

slot元素始终适用于Polymer。如果您需要让custom-component包含其他一些元素，则应使用占位符。

使用参数化模板进行dom-repeat

1 个答案: