2016-05-27 7 views
1

In Polymer 1.2, Wie verwende ich Inhalte in dom-repeat ?.Wie benutze ich lightDOM <content> in Polymer dom-repeat

//component 
<dom-module id="data-stream"> 
    <template> 
      ... 
      <div class="data-stream-list"> 
       <template is="dom-repeat" items="[[stream]]"> 
        <div class="data-stream-item"> 
          <content></content> 
         </div> 
       </template> 
      </div> 
    </template> 
     ... 
</dom-module> 


//used as 
<data-stream> 
    <!--// template for data stream item --> 
    <div class="custom-data-stream-item">[[item]]</div> 
</data-stream> 

Gesetzt hatte ich eine hypothetische Strom von [eins, zwei, drei, vier] diese gibt

... 
<div class="data-stream-list"> 
     <div class="data-stream-item"> 
       <div class="custom-data-stream-item"></div> 
     </div> 
     <div class="data-stream-item"></div> 
     <div class="data-stream-item"></div> 
     <div class="data-stream-item"></div> 
</div> 
... 

Was bedeutet, das Licht DOM mindestens einmal abgestempelt, aber nicht wiederholt. Es scheint auch keine Bindung zu geben. Nicht wie erwartet.

Antwort

1

Das wird einfach nicht unterstützt. Wenn Sie mehrere <content> Elemente ohne einen Selektor haben, werden alle untergeordneten Elemente auf das erste <content> Element projiziert.

Wenn Sie ein select="someSelector" hinzufügen, wo someSelector für jedes <content> Element unterschiedlich sind und übereinstimmt mit einem Kind jeweils dann könnte es funktionieren (nicht sicher, ob dynamisch hinzugefügt <content> Elemente werden überhaupt nicht unterstützt).