2017-02-23 188 views
2

Я работаю над проектом полимеров. В одном из моих модулей я вижу, что в элементе paper-badge несколько классов добавляются динамически.Проблема со связыванием класса полимера

<paper-badge for="document" class="style-scope cvs-badge-common x-scope paper-badge-6" tabindex="0" role="status" aria-label="!"> 
<div class="badge style-scope paper-badge"> 
    <iron-icon class="style-scope paper-badge x-scope iron-icon-2" hidden=""> 
    </iron-icon> 
    <span id="badge-text" class="style-scope paper-badge">!</span> 
</div> 

из приведенной выше коды, некоторые классы становятся добавлены как бумага жетоны-6 железо-CON-2 к некоторым элементам. Я хочу знать, откуда эти классы добавляются.

Есть несколько элементов в цикле, который также добавляется с аналогичными классами, как бумага-бейдж-7 и т.д.

я искал все кодовые, но ничего не нашли.

Когда я проверяю элемент, я также вижу стили CSS, написанные для этого класса paper-badge-6, но в коде нет кода для этого класса.

Необходимо найти, как это работает.

Спасибо, UD

ответ

1

Это тень DOM добавления этих классов с помощью полимерных элементов, которые вы используете. Вот некоторая информация о том, что такое Shadow DOM и вот как style it.

 Смежные вопросы

  • Нет связанных вопросов^_^