聚合物 - 定製元素內容

我正在學習聚合物。我正在開發一個自定義元素。我有一大堆here。我的元素加載一些數據。在這個時候，我的元素看起來是這樣的：聚合物 - 定製元素內容

<dom-module id="data-library"> 
    <template> 
    <paper-header-panel flex> 
     <div class="flex"> 
     <template is="dom-repeat" items="[[ items ]]" as="item"> 
      <div>[[ item.firstName ]]</div> 
     </template> 
     </div> 
    </paper-header-panel> 
    </template> 

    <script> 
    Polymer({ 
     is: "data-library", 
     properties: { 
     items: { 
      type: Object, 
      value: function() { 
      return []; 
      } 
     } 
     }, 

     ready: function() { 
     this.push('items', { firstName: 'John' }); 
     this.push('items', { firstName: 'Bill' }); 
     } 
    }); 
    </script> 
</dom-module>

我希望消費者能有在項目的佈局一些控制。現在，這些項目總是垂直列出。不過，我想，讓消費者做這樣的事情：

<data-library> 
    <item-template><b>[[ item.firstName ]]</b></item-template> 
</data-library>

在這種情況下，消費者講的是自定義的控制項目模板。有沒有辦法在Polymer中做這樣的事情？如果是這樣，怎麼樣？

來源

2015-12-31 xam developer

這並不容易。 iron-list元素做了類似的事情。源應該作爲靈感。隨着鐵名單你通過一個<template><item-template>...</item-template>custom-content</template>

來源

2015-12-31 18:53:41

聚合物 - 定製元素內容

回答

相關問題