Polymer Starter Kit 添加等同于主页的功能

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

On the main page, how can I do it?

在 index.html 中，您可以使用 WebComponentsReady 处理程序来执行任何依赖于所有注册元素的操作：

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

I would like to instantiate a Polymer element for the application template, but the document stays that should be avoided.

你在哪里看到的？虽然 Polymer Starter Kit 的 1.3.0 版在 index.html 中使用自动绑定模板而不是 app 元素，但我不明白您为什么要尝试避免使用 app 元素。事实上，越来越多的证据表明推荐使用 app 元素：

Polymer Starter Kit 版本 2 将自动绑定模板替换为 a custom app element
开发指南将 Basic Application Template (generated by polymer-cli) 描述为自定义元素：

The application template is the most basic starting point for any app built with Polymer. It starts with a single bare-bones custom element that can serve as the root of your application, from which you can build in any direction with maximum flexibility.

Polymer Starter Kit 添加等同于主页的功能

Polymer Starter Kit adding function equivalent to ready for the main page

polymer

polymer-1.0

polymer-starter-kit