Question

我正在尝试创建两个自定义Polymer元素：tree-grid和tree-grid-item。树网格将是一个接受树网格项元素的空表。类似的东西：

  <dom-module id="tree-grid">
     <template>
        <style>
          :host {
            display: block;
          }
        </style>
        <table>
          <tbody>
          <content></content>
          </tbody>
        </table>
      </template>
      <!-- javascript -->
      </dom-module>

，tree-grid-item是一个带有图标的表格行：

   <dom-module id="tree-grid-item">
      <template>
        <style>
          :host {
            display: block;
          }
          .grid-item {
            border-bottom: 1px solid black;
            border-top: 1px solid black;
            border-collapse: collapse;
        }
            </style>

      <tr class="grid-item">
        <td><iron-icon icon="icons:chevron-right"></iron-icon></td>
          <td>
            <content></content>
          </td>
         </tr>
       </template>
      <!-- javascript -->
    </dom-module>

我面临的问题是，当我测试元素时，项目不会添加到表格中：

<tree-grid>
     <tree-grid-item>element 1</tree-grid-item>
     <tree-grid-item>element 2</tree-grid-item>
 </tree-grid>

给出一个Dom结构：

Mozilla

显然，tree-grid-items应该在表格中，但是Polymer只是拒绝将它们放在那里。这是一个常见的聚合物问题吗？有办法吗？感谢

自定义Polymer元素，以表为基本元素

0 个答案: