Наследование вложенных полимерных шаблонов
Существует ли какой-либо способ окружить дочерний шаблон полимера шаблоном его родителя?
В следующем примере теневой тег переносит Родительский шаблон в дочернее представление, но игнорирует его содержимое:
Родительский полимерный элемент
<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 ответа:
Это используется, чтобы быть возможным в 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