パラメータ化テンプレートを使用したdom-repeat

Question

クリーンウェイと、ポリマー2.0とは、dom-repeatアイテムテンプレートをパラメータ化するためのものですか？

使用法：

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

CustomComponent：

<dom-module id="custom-component"> 
    <template> 
     <template is="dom-repeat" items="[[foo]]" id="repeater"> 
      <!-- Parameterized template --> 
     </template> 
    </template> 
    <!-- scripts... --> 
</dom-module> 

私はこれを達成するためにポリマー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> 

1. Dom-repeat's item property will be set on each instance's binding scope、あなたはcustom-component'sインスタンスにDOMリピートのアイテムのプロパティを設定することはできませんので、 。

2. 構造とデータを必要に応じてカスタム要素を作成します。dom-repeatでカスタム要素を返します。

3. slot要素は常にポリマーに適しています。custom-componentに他の要素を含める必要がある場合は、プレースホルダを使用する必要があります。