Набор для ввода полимерного стартера, эквивалентный готовой для главной страницы

Question

У меня есть новый полимерный комплект для начинающих, 1.3, если быть точным.

Я хотел бы создал метод, как показано ниже, на странице 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'); 
     } 
     }); 
    } 

На главной странице, как я могу это сделать? Я хотел бы создать экземпляр элемента Polymer для шаблона приложения, но документ остается в стороне, которого следует избегать. Если бы кто-нибудь мог объяснить, почему это было бы потрясающе.

Заранее благодарим за любые отзывы!

Answer 1

На главной странице, как я могу это сделать?

В index.html, вы могли бы использовать WebComponentsReady обработчик для выполнения каких-либо действий, которое зависит от всех элементов регистрации:

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

Я хотел бы создать экземпляр элемента Polymer для шаблона приложения, но этот документ следует избегать.

Где вы это видели? Хотя версия 1.3.0 для Polymer Starter Kit использует шаблон автоматической привязки в index.html вместо элемента приложения, я не понимаю, почему вы пытаетесь избежать использования элемента приложения. В самом деле, есть все больше доказательств того, что приложение элемент рекомендуется:

• Version 2 полимера Starter Kit заменяет автоматического связывания шаблона с a custom app element

• Руководство DEV описывает Basic Application Template (порожденную polymer-cli) как пользовательский элемент:

  Шаблон application - самая простая отправная точка для любого приложения, созданного с помощью Polymer. Он начинается с одного пользовательского элемента bare-bones, который может служить корнем вашего приложения, из которого вы можете строить в любом направлении с максимальной гибкостью.