폴리머 클래스 바인딩 문제

Question

나는 폴리머 프로젝트를 진행 중이다. 내 모듈 중 하나에서 종이 - 배지 요소에서 동적으로 추가되는 클래스가 거의 없다는 것을 알 수 있습니다.

위의 코드에서

<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 스타일을 볼 수 있지만 코드에는이 클래스에 대한 코드가 없습니다.

어떻게 작동하는지 알아야합니다.

감사합니다, 당신이 사용하고있는 폴리머 요소를 통해 이러한 클래스를 추가 그림자 DOM의 UD

Answer 1

. Shadow DOM의 내용과 여기에있는 방법은 style it입니다.