2014-01-28 161 views
6

是否有任何方法將聚合物子模板與其父模板包圍起來?嵌套聚合物模板的繼承

在下面的例子陰影標籤帶給父母的模板到子視圖,但它忽略了它的內容:

父聚合物構件

<polymer-element name="my-window"> 
    <template> 
    <div class="windowframe"> 
     <p>test</p> <!-- can be shown with shadow tag --> 
     <content></content> <!-- cannot be used with shadow tag --> 

兒童聚合物構件

<polymer-element name="my-window-example" extends="my-window"> 
    <template> 
    <!-- get the hosts' shadow and insert here --> 
    <shadow> 
     <p>Here is the content of my window<p> <!--won't be shown --> 
    </shadow> 
    </template> 
+0

請您詳細說明您試圖完成什麼? –

回答

2

使用在Chrome金絲雀成爲可能(見this blog postthis discussionthe fixed spec bug,並the fixed Chromium bug)這種討論可能是有趣的,但不幸的是它似乎並沒有要在工作了,我在Linux上使用Chrome 33.0.1750.22開發版或在Windows上使用Chrome 34.0.1809.0 canary,在關閉「啓用實驗性Web平臺功能」標誌。試試this jsbin看看它是否適合你。

更新Confirmed。由於「實施問題」,此功能已從Chrome中的Shadow DOM初始實施中刪除。

1

我想你會需要像select='selector'<content>標記的屬性,用於<shadow>標記,您可以從舊影子中選擇幾個節點,並使用一個<shadow>標記定位它們,然後使用第二個<shadow>標記選擇其他節點。

我還沒有發現任何關於這個,但我相當肯定,這不支持。

https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/zR64jebST4c