2015-11-26 9 views
9

Wir verwenden Web Components und Polymer auf unserer Website und haben einige Bits von Javascript, die darauf warten, dass das Ereignis "WebComponentsReady" vor der Ausführung ausgelöst wird. Wir haben jedoch einige asynchrone JS-Dateien, die gelegentlich einen Ereignis-Listener für das Ereignis hinzufügen, nachdem es ausgelöst wurde, was bedeutet, dass das Skript, das wir ausführen möchten, nie ausgeführt wird.Web Components bereit Flagge

Weiß jemand, ob ein Flag für Web Components bereit ist, das überprüft werden kann?

So etwas ist, was wir brauchen würden:

if(WebComponents.ready) { // Does this flag, or something similar, exist?? 
    // do stuff 
} else { 
    document.addEventListener('WebComponentsReady', function() { 
     // do stuff 
    } 
} 

Jede Hilfe sehr geschätzt.

Antwort

2

Die folgende Flag wird während Bootstrap

window.CustomElements.ready 
+0

Ist diese alle Aspekte, die für Web-Komponenten eingestellt? Benutzerdefinierte Elemente ist ein Teil von 4, wobei HTML-Importe, Schablonen-Tags und Schatten-DOM die anderen sind. Ich möchte nicht versuchen, auf die Eigenschaften und Methoden meiner benutzerdefinierten Komponenten zuzugreifen, bis ich weiß, dass sie funktionieren werden. – mjgreen145

+1

Dies ist das letzte Flag, das vor dem Senden des Ereignisses "WebComponentsReady" gesetzt wird. Alle anderen Aspekte sollten normalerweise bereits eingerichtet sein. –

+0

Das ist gut zu wissen, hört sich an, als könnte es den Job erledigen. Prost. – mjgreen145