在PolymerElements中正确使用内容标记

时间:2014-11-06 10:25:41

标签: twitter-bootstrap dart polymer dart-polymer content-tag

所以我决定将Filter与PolymerTable分开更好。我为我的Filter创建了一个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,因此{DOM}中会呈现<poly-filter>元素。

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

1 个答案:

答案 0 :(得分:0)

我认为在轻型DOM中渲染元素时<content>元素不起作用。