twitter-bootstrap – Dart聚合物模板中的Twitter Bootstrap样式

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Dart聚合物模板中的Twitter Bootstrap样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用polymer.dart,如何确保使用页面中引用的样式仍可在模板中使用?

我有一个消费或主页面,因此:

<html>
<head>
    <link rel="stylesheet" href="aplaceontheinterweb" />
    <link rel="import" href="ponies.html" />
</head>
<body>    
    <div class="defined_in_the_included_file">
        ...
    </div>    
    <div is="a-pony"></div>
    <script src="packages/polymer/boot.js"></script>
</body>

</html>

和模板,因此:

<polymer-element name="a-pony" extends="div">
    <template>
        <div class="defined_in_the_css_file_referenced_in_main_html">
            ....
        </div>
    </template>
</polymer-element>

和< div>在呈现页面时,在a-pony元素中没有正确设置样式.

我已经看过演示内容并阅读了this,但这些特定于模板中声明的样式,并不包括样式在外部的情况.

解决方法

尝试在代码添加apply-author-styles:
import 'package:polymer/polymer.dart';

@CustomTag("a-pony")
class APony extends PolymerElement {
  void created(){
    super.created();
    var root = getShadowRoot("a-pony");
    root.applyAuthorStyles = true;
  }
}

猜你在找的Bootstrap相关文章