6

ポリマーの子テンプレートを親のテンプレートで囲む方法はありますか?

次のシャドウ タグの例では、親のテンプレートを子ビューに取り込みますが、その内容は無視されます。

親ポリマー要素

<polymer-element name="my-window">
  <template>
    <div class="windowframe">
      <p>test</p> <!-- can be shown with shadow tag -->
      <content></content> <!-- cannot be used with shadow tag -->

子ポリマー要素

<polymer-element name="my-window-example" extends="my-window">
  <template>
    <!-- get the hosts' shadow and insert here -->
    <shadow>
       <p>Here is the content of my window<p> <!--won't be shown -->
    </shadow>
  </template>
4

2 に答える 2

2

これは以前は Chrome Canary で可能でした (このブログ投稿、このディスカッション、修正された仕様のバグ、および修正された Chromium のバグを参照)。または Windows 上の Chrome 34.0.1809.0 canary で、「実験的な Web プラットフォーム機能を有効にする」フラグをオンまたはオフにします。この jsbinを試して、うまくいくかどうかを確認してください。

更新:確認済み。この機能は、「実装上の懸念」により、Chrome での Shadow DOM の初期実装から削除されました。

于 2014-01-28T17:39:01.920 に答える
1

古いシャドウからいくつかのノードを選択して 1 つのタグで配置し、残りを 2 番目のタグで選択して配置できる、タグのタグのselect='selector'属性のような機能が必要になると思います。 <content><shadow><shadow><shadow>

ただし、これについては何も見つかりませんでした。これがサポートされていないことは確かです。

この議論は興味深いかもしれませんhttps://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/zR64jebST4c

于 2014-01-28T08:10:50.890 に答える