如何在 Polymer 2.0 中启用 Shady DOM？

Question

Polymer 1.x 默认使用 Shady DOM，但可以在初始化时通过在导入前设置 window.Polymer 对象来更改 window.Polymer =13=]如下：

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

然而，Polymer 2.0 似乎使用 Shadow DOM 而不管 window.Polymer = {dom: 'shady'}。如何切换到 Shady DOM?

Answer 1

Shady DOM shim factored out of Polymer in 2.0 并移入 v1 Web Components polyfill。

要启用 Shady DOM（而不是默认的 Shadow DOM），请在导入 v1 webcomponents-lite.js 之前定义以下 window.ShadyDOM 对象：

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

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

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

How do I enable Shady DOM in Polymer 2.0?