将内容嵌套到子元素中

Question

我想将父元素的内容嵌套在子元素中。

<polymer-element name="parent-form" noscript>
    <template>

        <child-form>
            <content></content>
        </child-form>

    </template>
</polymer-element>

那我就想这样使用组件

<parent-form>
    <input type="text"/>
</parent-form>

期望输入在 'child-form' 内。

在Chrome中的实际结果是内容放在'child-form'之前，而'child-form'没有内容。

我可以在自定义子元素中嵌套这样的内容吗？

Answer 1

这应该有效，请参阅 http://jsbin.com/dotemo/11/edit。您确定已导入子元素吗？

您可以使用此书签查找一般未注册的元素 - https://www.polymer-project.org/docs/polymer/debugging.html#unregistered-element-bookmarklet

将内容嵌套到子元素中

Nesting content into into a child element

html

web-component

polymer