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

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

我有一个新创建的聚合物入门套件,准确地说是 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 元素,但文档仍然存在,应该避免。如果有人能解释为什么那会很棒。

提前感谢您的任何反馈!

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.