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元素，但是应该避免使用该文档。

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

Polymer Starter Kit的第2版用a custom app element
开发指南将Basic Application Template（由polymer-cli生成）描述为自定义元素：

application模板是使用Polymer构建的任何应用程序的最基本起点。它从一个简单的自定义元素开始，可以作为应用程序的根目录，从中可以以最大的灵活性向任何方向构建。

Polymer Starter Kit添加功能相当于为主页面做好准备

1 个答案: