聚合物入門套件添加相當於主頁面的功能

我有一個新創建的聚合物入門套件，準確的說是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元素，但文檔仍然應該避免。如果有人能解釋爲什麼那會很棒。

在此先感謝您的任何反饋意見！

來源

2016-06-10 Dale Snowdon

在主頁上，我該怎麼做？

在index.html，你可以使用一個WebComponentsReady處理程序來執行這依賴於所有元素被註冊的任何行動：

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

我想實例化的應用程序模板聚合物元件，但該文件仍然應該避免。

你從哪裏看到的？雖然Polymer Starter Kit的1.3.0版使用index.html中的自動綁定模板而不是應用程序元素，但我不明白爲什麼要儘量避免應用程序元素。事實上，有越來越多的證據表明，一個app元素推薦：

版本2聚合物入門套件替換a custom app element
自動綁定模板開發者指南介紹（由polymer-cli生成）的Basic Application Template作爲自定義元素：

application模板是使用Polymer構建的任何應用程序的最基本的起點。它從一個簡單的自定義元素開始，它可以作爲應用程序的根源，從中可以以最大的靈活性在任何方向構建。

來源

2016-06-10 04:36:19 tony19

感謝您的答覆，說明*注：試驗時，您應該只從主文檔中定義的元素。在生產中，元素應該總是在單獨的文件中定義並導入到主文檔中。*位於https://www.polymer-project.org/1.0/docs/devguide/registering-elements頁面。 –

什麼是聚合物入門套件*的第2版是入門套件的下一個版本？爲什麼它位於正常的孩子身上？ –

我明白了。這個提示實際上是指'index.html'內部聲明''。我通常在codepen/jsbin演示程序中執行此操作（主要是爲了方便，但也因爲這些服務不允許單獨的文件與Plunker不同）。 – tony19

聚合物入門套件添加相當於主頁面的功能

回答

相關問題