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

Question

ポリマー1.1は、デフォルトでシェイディDOMを使用していますが、それは次のようにpolymer.htmlをインポートする前にwindow.Polymerオブジェクトを設定することにより、初期化時に変更することができます。しかし

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

、ポリマー2.0はシャドウDOMを使用しているようですwindow.Polymer = {dom: 'shady'}に関係なくShady DOMに切り替えるにはどうしたらいいですか？

Answer 1

シェイディDOMシムはfactored out of Polymer in 2.0で、v1 Web Componentsポリフィルに移行しました。シンプルな設定が指定することです：UPDATEを

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

codepen

を：、（代わりにデフォルトシャドウDOMの）シェイディDOMを有効V1 webcomponents-lite.jsをインポートする前に、次のwindow.ShadyDOMオブジェクトを定義する

<script>タグの[shadydom]タグ：

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

codepen