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

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

因此,我决定最好将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>元素时,该元素不起作用。

关于twitter-bootstrap - 正确使用PolymerElements中的内容标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26777067/

相关文章:

javascript - 带有多个 slider 的 Bootstrap slider

html - 如何在 Bootstrap 轮播中显示指标

dart - 在 flutter 中嵌套页面 View

android - Dart/Flutter 中的 "Invalid constructor name"错误

javascript - React.Js 和 Polymer CSS

html - 核心标题面板 "waterfall-tall" polymer 不会出现

javascript - 数据绑定(bind)属性的更改不会向上传播

jquery - 关闭隐藏 div 时 Bootstrap 复选框切换

javascript - map 上元素的 Bootstrap 和 map 设计

arrays - 如何在 Flutter 中的 ListView Builder 中解析嵌套的 json 数组响应数据