javascript - polymer 类绑定(bind)问题

我正在从事聚合物项目。在我的一个模块中，我看到在纸质徽章元素中很少有类被动态添加。

<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>

从上面的代码中，一些类（如paper-badge-6 iron-con-2）被添加到某些元素中。我想知道从哪里添加这些类。

循环中几乎没有其他元素，也可以添加类似的类，例如paper-badge-7等。

我搜索了整个代码库，但未找到任何内容。

当我检查元素时，我还看到了为这些paper-badge-6类编写的CSS样式，但是在代码中没有该类的代码。

需要找到它是如何工作的。

谢谢，
UD

最佳答案

这就是影子DOM通过使用的聚合物元素添加这些类。以下是有关
Shadow DOM是，这是style it的方法。

关于javascript - polymer 类绑定(bind)问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42414511/