如何在聚合物自定義元素中渲染陰影DOMD

如果沒有<div>在光線DOM中出現，我很難讓我的聚合物自定義元素渲染容器內的內容<div>。如何在聚合物自定義元素中渲染陰影DOMD

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

呈現爲

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

誰能給我一些見解我怎麼能渲染陰影DOM含有<div>？

來源

2014-01-18 wvandaal

這取決於您使用的是什麼瀏覽器&版本。其中一些具有舊版本的Shadow DOM規範，因此Polymer必須對其進行填充，而不是本地使用它來獲取所需的功能。

我使用Chrome 33.0.1750.22開發工具，並且Shadow DOM對我來說仍然是polyfilled，除非我打開about:flags中的「啓用實驗性Web平臺功能」標誌。

來源

2014-01-19 03:44:24 CletusW

啊哈！感謝您的建議，事實證明我已經這樣做了，但是當我重新啓動Chrome以允許本地HTML導入時，標誌被重置。 – wvandaal

包括

<script> 
     window.Polymer = { 
      dom: 'shadow', 
      lazyRegister: true 
     }; 
    </script> 
    <link rel="import" href="./bower_components/polymer/polymer.html">

聚合物進口前啓用自定義元素的影子DOM裏面呈現又名#shadow-root

來源

2017-05-25 05:54:02

如何在聚合物自定義元素中渲染陰影DOMD

回答

相關問題