twitter-bootstrap - 正确使用PolymerElements中的内容标签

因此，我决定最好将Filter与PolymerTable分开。我为过滤器创建了PolymerElement。我想在FilterElement中显示Table的一部分，因为它应该显示为带有表的Bootstrap面板。
http://getbootstrap.com/components/#panels-tables
我不确定我是否正确使用了内容标签，或者这是否是我正在尝试的可能。
我的代码看起来像这样:

<!-- index.html -->
<!-- ... -->
<poly-table></poly-table>
<!-- ... -->

<!-- poly-table.html -->
<polymer-element name="poly-table">
 <template>
  /* style */
  <div id="table_cont">
   <poly-filter>
    <table class="table">
      /* ... stuff inside ... */
    </table>
   </poly-filter>
  </div>
 </template>
</polymer-element>

<!-- poly-filter.html -->
<polymer-element name="poly-filter">
 <template>
  /* style */
  <div id="filter_cont" class="panel">
   <div class="panel-heading">
     Filter
   </div>
   <div class="panel-body>
     <!-- Filter Content here -->
   </div>
   <content></content>
  </div>
 </template>
</polymer-element>

我的表格将在过滤器的外部和上方呈现，而不是在过滤器下方呈现。

我在parseDeclaration中覆盖了PolyFilter，因此<poly-filter>元素在轻型DOM中呈现。

parseDeclaration(elementElement) {
  var template = fetchTemplate(elementElement);
  if (template != null) {
    lightFromTemplate(template);
  }
}

最佳答案

我想当您在轻型DOM中渲染<content>元素时，该元素不起作用。