twitter-bootstrap – 如何在飞镖中使用Polymer标签？

发布时间：2020-12-17 21:24:20 所属栏目：安全来源：网络整理

导读：我尝试在dart聚合物中使用content-tag. Polymer-Element显示正确,但内容根本不显示. 这是我的代码： polymer-element name="modal-dialog" link rel="stylesheet" href="packages/bootjack/css/bootstrap.css" template button on-click="{{show}}"jo/button

我尝试在dart聚合物中使用content-tag. Polymer-Element显示正确,但内容根本不显示.

这是我的代码：

<polymer-element name="modal-dialog" >
  <link rel="stylesheet" href="packages/bootjack/css/bootstrap.css">

  <template>

    <button on-click="{{show}}">jo</button>
    <div id="modal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times</button>
            <h3 style="margin: 0">Bootjack</h3>
          </div>
          <div class="modal-body">
            <content></content>
          </div>
          <div class="modal-footer" style="margin: 0">
            <button class="btn btn-success" data-dismiss="modal" id="ok">OK</button>
          </div>
        </div>
      </div>
    </div>
  </template>
<script type="application/dart">
import 'package:polymer/polymer.dart';
import 'package:bootjack/bootjack.dart';
import 'dart:html';

@CustomTag('modal-dialog')
class ModalDialog extends PolymerElement {

  Modal modal;

  ModalDialog.created() : super.created(){
    Modal.use();
    Transition.use();
    modal = Modal.wire(this.shadowRoot.querySelector("#modal"));

  }  
  void show(){
    modal.show();
  }
}
</script>     
</polymer-element>

然后我在index.html中实例化：

<modal-dialog>This should be in the content-tag</modal-dialog>

我在用：
Dart编辑器版本1.2.0.release(STABLE)
Dart SDK 1.2.0版
OS X 10.8.5

谢谢你提示:)

解决方法

我试过你的代码.我删除了CSS链接,内容显示在正确的位置.

可能是你遇到了和我最近一样的错误
CSS linked in entry page header moved into content by pub build

在样式标记之后添加此CSS

<style>
  * {
    display: block;
    border: solid 3px red;
  }
</style>

你会看到CSS被移动到内容中.目前聚合物似乎在CSS方面存在一些问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!