微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐