2014-01-28 8 views
6

Gibt es eine Möglichkeit, eine Polymer-Kind-Vorlage mit der Vorlage ihrer Eltern zu umgeben?Verschachtelte Polymer-Template-Vererbung

Im folgenden Beispiel Schatten Tag bringen die Vorlage in der untergeordneten Ansicht der Eltern, aber es seinen Inhalt zu ignorieren:

Geordnetes Polymerelement

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

Kinderpolymerelement

<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

Könnten Sie bitte erläutern, was Sie zu erreichen versuchen? –

Antwort

2

Diese verwendeten möglich zu sein, in Chrome Canary (siehe this blog post, this discussion, the fixed spec bug und the fixed Chromium bug), aber leider scheint es nicht zu funktionieren nicht mehr interessant sein, in Chrome 33.0.1750.22 Entwickler unter Linux oder Chrome 34.0.1809.0 canary unter Windows mit dem Flag "Enable experimental Web Platform features" unter oder off. Versuchen Sie this jsbin, um zu sehen, ob es für Sie funktioniert.

Aktualisieren: Confirmed. Diese Funktion wurde aus der anfänglichen Implementierung von Shadow DOM in Chrome aufgrund von "Bedenken hinsichtlich der Implementierung" entfernt.

1

Ich denke, dass Sie Funktionalität wie die benötigen würden select='selector' Attribut des <content> Tags für das <shadow> Tag, wo Sie ein paar Knoten aus dem älteren Schatten auswählen und sie mit einem <shadow> Tag positionieren und den Rest mit einem zweiten <shadow> Tag auswählen und positionieren können.

Ich habe jedoch nichts darüber gefunden, und ich bin mir ziemlich sicher, dass dies nicht unterstützt wird.

könnte diese Diskussion für mich https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/zR64jebST4c