2014-01-28 4 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

크롬 카나리아 가능한 것으로 사용이 (this blog post, this discussion, the fixed spec bugthe fixed Chromium bug 참조)이 토론은 재미있을 수도 있지만, 불행히도에 더 이상 나를 위해 작동하지 않는 것 Linux의 크롬 33.0.1750.22 개발자 또는 Windows의 34.0.1809.0 canary에서 또는에 "실험용 웹 플랫폼 기능 사용"플래그가 설정되어 있습니다. 시도해보십시오 this jsbin 당신을 위해 작동하는지보십시오.

업데이트 : Confirmed. 이 기능은 '구현 문제'로 인해 Chrome의 초기 DOM 구현에서 제거되었습니다.

1

다음과 같은 기능이 필요할 것입니다. 태그의 속성은 <shadow> 태그의 <content> 태그입니다. 이전 그림자에서 몇 개의 노드를 선택하고 하나의 <shadow> 태그로 배치하고 나머지는 두 번째 <shadow> 태그로 선택하여 배치 할 수 있습니다.

나는 이것에 대해 아무 것도 발견하지 못했지만 이것이 지원되지 않는다고 확신합니다.

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