2017-02-23 4 views
2

Ich arbeite an einem Polymer-Projekt. In einem meiner Module sehe ich, dass im Paper-badge Element nur wenige Klassen dynamisch hinzugefügt werden.Polymer Klasse Bindung Ausgabe

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

aus dem obigen Code sind einige Klassen wie Papier-Abzeichen-Eisen 6-con-2 einige Elemente immer gegeben. Ich möchte wissen, von wo diese Klassen hinzugefügt werden.

Es gibt einige Elemente in der Schleife, die auch mit ähnlichen Klassen wie Papier-Abzeichen-7 hinzugefügt bekommen usw.

ich die gesamte Code-Basis gesucht, aber nichts gefunden.

Wenn ich das Element überprüfe, sehe ich auch die CSS-Stile, die für diese Klasse Paper-badge-6 geschrieben wurden, aber im Code gibt es keinen Code für diese Klasse.

Notwendigkeit zu finden, wie das funktioniert.

Danke, UD

Antwort

1

, dass der Schatten DOM Hinzufügen dieser Klassen über die Polymerelemente ist Sie verwenden. Hier sind einige Informationen darüber, was die Shadow DOM ist und hier ist, wie man style it.

Verwandte Themen