Question

在Polymer 1.2中，如何在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>

假设我有[一，二，三，四]的假设流返回

...
<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>
...

暗示光DOM至少标记一次但不重复。似乎也没有任何约束力。不像预期的那样。

Answer 1

这是不受支持的。如果您有多个没有选择器的largest元素，则所有子项都将投影到第一个<content>元素。

如果您为每个<content>元素添加select="someSelector" someSelector不同，并且每个{@ 1}}与子项匹配，那么它可能会有效（不确定是否动态添加了<content>个元素完全支持。

如何在Polymer的dom-repeat中使用lightDOM <content>

1 个答案: