我可以在Polymer 1.0模板中使用元素吗?

时间:2015-09-14 18:30:52

标签: polymer polymer-1.0

我正在尝试在Polymer 1.0中创建一个<custom-table>元素,该元素将custom-row个元素作为子元素。但是,custom-row模板未附加到custom-table模板。

自定义表格定义

<dom-module id="custom-table">
    <template>
        <table>
            <tbody>
                <content select="custom-row"></content>
            </tbody>
        </table>
    </template>

    <script>
        Polymer({
            is: 'custom-table'
        });
    </script>
</dom-module>
< p> 自定义行定义

{/ 2}}

相反,<dom-module id="custom-row"> <template> <tr> <td> <content></content> </td> </tr> </template> <script> Polymer({ is: 'custom-row' }); </script> </dom-module> 模板已添加到下面 custom-table元素。

jsFiddle:https://jsfiddle.net/gcg8kyb2/

1 个答案:

答案 0 :(得分:4)

浏览器解析器会尝试通过渲染或提取无法识别的元素(如<custom-row>嵌套在<table>内)来提供帮助。

但是,

Polymer允许您扩展本机元素。请参阅附件Polycast了解如何。

https://www.youtube.com/watch?v=OV8BvxpNQOs(视频播放约1分钟)