如何在聚合物2.0中启用Shady？

Question

Polymer1.x默认使用Shady，但是在导入window.Polymer之前可以通过设置polymer.html对象来改变这种情况，如下所示：

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

然而，看起来Polymer2.0使用Shadow而不考虑window.Polymer = {dom: 'shady'}。我该怎么转到Shady DOM呢？

Answer 1

Shady是2.0中的聚合物因素，并移动到v1 Web组件的填充中。

要启用Shady (而不是默认的Shadow )，在导入v1 webcomponents-lite.js之前定义以下webcomponents-lite.js对象

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

码页

更新：--一个更简单的设置是在<script>标记上指定[shadydom]：

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

码页