2017-02-23 92 views
2

我正在研究聚合物項目。在我的一個模塊中,我看到在紙張徽章元素中,很少有類正在動態添加。聚合物類別綁定問題

<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

我找遍了整個代碼庫,但沒有發現任何東西。

當我檢查元素時,我也看到了爲這些paper-badge-6類編寫的CSS樣式,但是在代碼中沒有該類的代碼。

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

感謝, UD

回答

1

這就是影子DOM通過您所使用的聚合物元素添加這些類。以下是有關 Shadow DOM的一些信息,以及style it的操作方法。