您如何找到所有“可插槽”内容？

Question

在模板（Web 组件）中，如何枚举所有“可插槽”控件？

例如，假设我编写了一个名为“webtest”的元素，并且正在使用它，如下所示。如何找到“a”、“b”和“c”？

<webtest>
  <div slot="a"><p>...</p></div>
  <div slot="b"><p>...</p></div>
  <div slot="c"><p>...</p></div>
</website>

Answer 1

为此，您可以使用下面的代码来枚举它们：

            const toAdd = Polymer.dom(this).children;
            const newItems = [];

            for (let i = 0; i < toAdd.length; i++) {
                newItems.push(toAdd[i].slot);
            }