如何在聚合物2中添加重复dom中的槽

Question

我想创建一个布局元素，所以我写这样的模板

    <template>
        <div class="row">
            <template is="dom-repeat" items="[[cols]]">
                <div class$="col-[[item]]">
                    <slot id="id[[index]]" name="id[[index]]">no value</slot>
                </div>
            </template>
        </div>
    </template>

在html页面文件中，我使用这个组件：

    <tcpc-row>
      <span slot="id0">cc id-tcpc-col-0 </span>
      <span slot="id1">cc id-tcpc-col-1 </span>
      <span slot="id1">cc id-tcpc-col-3 </span>
    </tcpc-row>

但是我的结果不正确，当我写模板而没有重复是可以的，就像这样：

<template>
    <div class="row">
        <div class="col-3">
            <slot name="id0"></slot>
        </div>
        <div class="col-3">
            <slot name="id1"></slot>
        </div>
        <div class="col-3">
            <slot name="id2"></slot>
        </div>
        <!--<template is="dom-repeat" items="[[cols]]">
            <div class$="col-[[item]]">
                <slot id="id[[index]]" name="id[[index]]">no value</slot>
            </div>
        </template>-->
    </div>
</template>

有没有办法在重复中添加插槽？

Answer 1

尝试插入<div class="row">。