3

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要素内の が適切にスタイル設定されていません。

私はデモを見てこれを読みましたが、これらはテンプレート内で宣言されたスタイルに固有のものであり、スタイルが外部にある場合はカバーしていません。

4

3 に答える 3

4

コードに 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;
  }
}
于 2013-08-17T19:48:26.870 に答える
2

したがって、質問で言及しなかった重要な情報は、適用しようとしているスタイルが Twitter Bootstrap にあり、具体的にはブートストラップ css ファイルが cdn 経由で読み込まれるということです。

解決策は、アランの答えとこれを組み合わせたものです。cdn からプルするのではなく、ブートストラップ ファイルをローカル コピーに取り込み、マークアップではなくコード (Alan のコードによる) を介して作成者スタイルをロードする必要がありました。

編集

Seth Ladd は、GithubのPolymer サンプルリポジトリにブートストラップ固有のものをいくつか追加してくれました。Seth に乾杯。

于 2013-08-25T09:27:25.323 に答える