폴리머 맞춤 요소에 그림자 DOM을 렌더링하는 방법

Question

가벼운 DOM에 <div>이 표시되지 않고 컨테이너 내에서 콘텐츠를 렌더링하는 데 고분자 맞춤 요소를 사용하는 데 어려움을 겪고 있습니다. <div>

<polymer-element name="impress-slide" constructor="ImpressSlide" attributes="exitAnimation entryAnimation"> 
     <link rel="stylesheet" href="animate-custom.css"> 
     <template> 
      <style type="text/css"> 
       ... 
      </style> 
      <div> 
       <content></content> 
      </div> 
     </template> 
     <script type="text/javascript"> 
       ... 
     </script> 
</polymer-element> 

누군가가 내게 그림자 DOM에 포함 <div>을 렌더링 할 수있는 방법에 대한 통찰력을 줄 수

<impress-slide> 
    <div> (Content) </div> 
</impress-slide> 

로 렌더링?

Answer 1

어떤 브라우저 & 버전을 사용하고 있는지에 따라 다릅니다. 그들 중 일부는 이전 버전의 Shadow DOM 스펙을 가지고 있기 때문에 Polymer는 필요로하는 기능을 얻기 위해 기본으로 사용하는 대신 polyfill해야합니다.

Chrome 33.0.1750.22 dev을 사용 중이며 about:flags에서 "실험용 웹 플랫폼 기능 사용"플래그를 설정하지 않으면 섀도우 DOM이 여전히 나를 채울 수 있습니다.

Answer 2

는 #shadow-root