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

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

解决方法

相关文章