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 似乎使用Shadow DOM，而不管window.Polymer = {dom: 'shady'}. 如何切换到 Shady DOM？

Answer 1

Shady DOM shim在 2.0 中从 Polymer 中分离出来，并移至 v1 Web Components polyfill。

window.ShadyDOM要启用 Shady DOM（而不是默认的 Shadow DOM），请在导入 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>

密码笔