Как найти весь «слот-контент»?

Question

В шаблоне (веб-компоненте), как вы перечисляете все «слот-контролы»?

Например, учитывая, что я написал элемент с именем '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);
            }