如何在全局范围内设置 Polymer 1.x Polymer Web 组件

Question

如果我在 Polymer 中有一个自定义 Web 组件，是否可以将模板的范围设置为（index.html 的）主 DOM 的一部分而不是在阴影中？

我正在尝试挂钩由脚本激活的输入，但脚本无法看到影子 DOM。

<link rel="import" href="../../bower_components/polymer/polymer.html">

<dom-module id="custom-element">

<template>

  // Code to be scoped for index.html

  <div id="script-selects-this-id-and-converts-div-to-input"></div>

</template>

  <script>

    Polymer({

      is: 'custom-element'

    });

  </script>

</dom-module>

Answer 1

好吧，你当然可以指向窗口对象。这可能不是 shadow dom 应该如何工作的方式，但是如果您有一些可以控制的库，那么这可能是唯一的解决方案。 所以在自定义元素脚本中，您可以执行以下操作：

ready: function() {
  window.reference = this;
}

如果你尝试console.log(window.reference)，你会看到整个自定义元素