Question

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

我正在尝试挂钩由脚本激活的输入，并且脚本无法看到阴影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

嗯，你当然可以指向窗口对象。这可能不是影子dom应该如何工作，但如果你有一些你可以控制的库，那么这只是解决方案。所以在自定义元素脚本中你可以做类似的事情：

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

如果您尝试console.log(window.reference)，则可以看到整个自定义元素

如何在全球范围内定位聚合物1.x聚合物Web组件

1 个答案: