您如何找到所有 'slottable' 内容？

Question

在模板（Web 组件）中，如何枚举所有 'slottable' 控件？

例如，假设我已经编写了一个名为 '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);
            }