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


Существует ли какой-либо способ окружить дочерний шаблон полимера шаблоном его родителя?

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

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

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

2 ответа:

Это используется, чтобы быть возможным в Chrome Canary (см. этот пост в блоге, это обсуждение, Исправлена ошибка спецификации , и Исправлена ошибка Chromium), но, к сожалению, она больше не работает для меня в Chrome 33.0.1750.22 dev на Linux или Chrome 34.0.1809.0 canary на Windows с флагом "включить экспериментальные функции веб-платформы" на или выкл. Попробуйте Этот jsbin, чтобы увидеть, работает ли он для вас.

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

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

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

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