我正在尝试在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/
答案 0 :(得分:4)
浏览器解析器会尝试通过渲染或提取无法识别的元素(如<custom-row>
嵌套在<table>
内)来提供帮助。
Polymer允许您扩展本机元素。请参阅附件Polycast了解如何。