Polymer Starter Kit Zugabe Funktion entspricht der für die Hauptseite bereit

Question

Ich habe ein neu erstellt Polymer-Starter-Kit, 1,3 um genau zu sein.

Ich möchte eine Methode, wie man unten erstellt, auf der Seite index.html

ready: function() { 
     firebase.auth().onAuthStateChanged(function(user) { 
     if(user) { 
      // console.log('user is logged in'); 
     } else { 
      // console.log('user is not logged in'); 
     } 
     }); 
    } 

auf der Hauptseite, wie kann ich es tun? Ich möchte ein Polymerelement für die Anwendungsvorlage instanziieren, aber das Dokument bleibt, das sollte vermieden werden. Wenn jemand erklären könnte, warum das großartig wäre.

Vielen Dank im Voraus für eine Rückmeldung!

Answer 1

Auf der Hauptseite, wie kann ich es tun?

In index.html, könnten Sie eine WebComponentsReady Handler eine Aktion auszuführen, die auf allen Elementen abhängig ist registriert werden:

window.addEventListener('WebComponentsReady', function(e) { 
    // imports are loaded and elements have been registered 
    ... 
}); 

Ich möchte ein Polymer Element für die Anwendungsvorlage instanziiert, aber das Dokument bleibt, das sollte vermieden werden.

Wo haben Sie das gesehen? Während die Version 1.3.0 des Polymer Starter Kit eine automatische Bindungsvorlage in index.html anstelle eines App-Elements verwendet, sehe ich nicht, warum Sie versuchen würden, ein App-Element zu vermeiden. In der Tat gibt es immer mehr Belege dafür, dass eine App Element empfohlen:

• Version 2 von Polymer Starter Kit ersetzt die Auto-Bindung Vorlage mit a custom app element

• Die Entwickler Führung der Basic Application Template (erzeugt durch polymer-cli) als beschrieben benutzerdefiniertes Element:

  Die Vorlage application ist der einfachste Ausgangspunkt für jede mit Polymer erstellte App. Es beginnt mit einem einzelnen benutzerdefinierten Element, das als Basis für Ihre Anwendung dient und aus dem Sie mit maximaler Flexibilität beliebige Richtungen erstellen können.