Polymer 具有嵌套元素的聚合物光DOM

如何在没有容器元素的情况下向元素添加Light DOM？我正在尝试构建一个自定义元素，该元素包含

iron页面

，并希望将其内容作为轻型DOM传递。但是，呈现的DOM包含包装，导致

iron pages

无法工作。有没有办法做到这一点？ 这就是我要做的

视图2
视图3
一
二

前面对一个稍有不同的问题的回答如下

只能选择主机节点的直接子节点，不能选择子节点

因此，您需要通过移除包装器并将选择条件添加到页面本身，使页面直接指向主机节点的子节点

<foo-pages>
    <div sections>
        <paper-button id="btn1" raised>view 2</paper-button>
        <paper-button id="btn2" raised>view 3</paper-button>
    </div>
    <div pages for="btn1">one</div>
    <div pages for="btn2">two</div>
</foo-pages>

视图2
视图3
一
二

很有趣。这很有效。在我看来，包装袋看起来会更干净。但我也认为我不能有重复的内容引用（

页面

）。我认为按照自定义元素标准，只有第一个引用将被拾取，其余的将被忽略。聚合物2.0是否仍然适用？我同意包装会更干净。不幸的是，文档中关于内容选择的文档很少。但是，在2.0中，

content

被替换为

slot

，并且文档声明只能按名称选择内容，不能使用任意选择器。所以我猜我的解决方案可能行不通。如果您正在寻找插槽，中有一些信息也可能会有所帮助。虽然这不是聚合物特有的，但假设这就是插槽在聚合物2.0中的工作方式

<foo-pages>
    <div sections>
        <paper-button id="btn1" raised>view 2</paper-button>
        <paper-button id="btn2" raised>view 3</paper-button>
    </div>
    <div pages for="btn1">one</div>
    <div pages for="btn2">two</div>
</foo-pages>