मैं पॉलिमर 2.0 में छायादार डोम कैसे सक्षम करूं?

Question

पॉलिमर 1.x डिफ़ॉल्ट रूप से छायादार डोम का उपयोग करता है, लेकिन वह polymer.html आयात करने के रूप में इस से पहले window.Polymer वस्तु की स्थापना द्वारा प्रारंभ में बदला जा सकता है:

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

हालांकि, यह पॉलिमर 2.0 का उपयोग छाया डोम लगता है window.Polymer = {dom: 'shady'} परवाह किए बिना। मैं छायादार डोम पर कैसे स्विच करूं?

Answer 1

छायादार डोम शिम factored out of Polymer in 2.0 था और v1 वेब घटक पॉलीफिल में स्थानांतरित हो गया।

छायादार डोम सक्षम करने के लिए (डिफ़ॉल्ट छाया डोम के बजाय), v1 webcomponents-lite.js आयात करने से पहले निम्नलिखित window.ShadyDOM वस्तु को परिभाषित:

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

codepen

अद्यतन: एक सरल सेटिंग है निर्दिष्ट करने के लिए [shadydom]<script> टैग पर:

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

codepen