Правильное использование тега содержимого внутри PolymerElements

Question

Поэтому я решил, что лучше отделить фильтр от моего PolymerTable. Я создал PolymerElement для моего фильтра. Я хочу показать часть таблицы внутри FilterElement, так как она должна отображаться в виде панели Bootstrap с таблицей. http://getbootstrap.com/components/ Я не уверен, правильно ли я использую тег содержимого или возможно ли это, что я пытаюсь. Мой код выглядит примерно так:

<!-- 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);
  } 
}

Answer 1

Я полагаю <content> элемент не работает, когда вы визуализируете элемент в легком DOM.