polymer - Polymer 2.0 で Shady DOM を有効にするにはどうすればよいですか?

Question

Polymer 1.x はデフォルトでShady DOMを使用しますが、次のようwindow.Polymerにインポートする前にオブジェクトを設定することにより、初期化時に変更できます。polymer.html

<script>window.Polymer = {dom: 'shadow'};</script>
<link rel="import" href="polymer.html">

ただし、Polymer 2.0は、window.Polymer = {dom: 'shady'}. Shady DOM に切り替えるにはどうすればよいですか?

score 15 · Accepted Answer

Shady DOM shim は2.0 で Polymer から取り除かれ、v1 Web Components ポリフィルに移動されました。

(デフォルトの Shadow DOM の代わりに) Shady DOM を有効にするにはwindow.ShadyDOM、 v1 をインポートする前に次のオブジェクトを定義しますwebcomponents-lite.js。

<script>window.ShadyDOM = { force: true };</script>
<script src="webcomponentsjs/webcomponents-lite.js"></script>

更新:より簡単な設定は[shadydom]、<script>タグで指定することです:

<script src="webcomponentsjs/webcomponents-lite.js" shadydom></script>

1 に答える 1