Наследование наложенного полимерного шаблона

Question

Есть ли способ окружить полимерный дочерний шаблон шаблоном родителя?

В следующем примере теневой тег принести шаблон родителя в поле зрения ребенка, но она игнорирует его содержание:

Родитель полимерный элемент

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

Answer 1

Этот используется возможным в Chrome Canary (см this blog post, this discussion, the fixed spec bug и the fixed Chromium bug), но, к сожалению, не кажется, что это будет работать для меня больше в Chrome 33.0.1750.22 dev на Linux или Chrome 34.0.1809.0 canary на Windows с флагом «Включить экспериментальную веб-платформу» на или выключен. Попробуйте this jsbin, чтобы узнать, работает ли оно на вас.

Обновление: Confirmed. Эта функция была удалена из первоначальной реализации Shadow DOM в Chrome из-за «проблем с реализацией».

Answer 2

Я думаю, вам понадобятся такие функции, как select='selector' атрибут тега <content> для тега <shadow>, где вы можете выбрать несколько узлов из старой тени и поместить их одним тегом <shadow>, а также выбрать и поместить остальную часть с помощью второго тега <shadow>.

Я ничего не нашел об этом, и я уверен, что это не поддерживается.

Это обсуждение может быть интересно https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/zR64jebST4c