Globales Skalieren einer Polymer 1.x-Polymer-Webkomponente

Question

Wenn ich eine benutzerdefinierte Webkomponente in Polymer habe, ist es möglich, die Vorlage als Teil des Haupt-DOM (von index.html) zu definieren und nicht in der Schatten?

Ich versuche, in eine Eingabe einzufügen, die von einem Skript aktiviert wird, und das Skript kann das Schatten-DOM nicht sehen.

<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

Nun, Sie können natürlich auf Fensterobjekt zeigen. Dies ist wahrscheinlich nicht, wie Shadow Dom funktionieren sollte, aber wenn Sie eine Bibliothek haben, die Sie kontrollieren können, dann ist dies wahrscheinlich nur eine Lösung. so innerhalb custom-Element Skript kann man so etwas tun:

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

wenn Sie console.log(window.reference) versuchen Sie es ganz individuell Element sehen