如何動態地創建一個聚合物構件

Question

我試圖用

var toast = document.createElement('paper-toast'); 

，成功地創建的元素，用javascript建立一個paper-toast元素，我再設置一些屬性後，將它添加到身體。

document.body.appendChild(toast); 

這也適用，元素顯示在DevTools中。但是，當我嘗試調用

toast.show(); 

推遲甚至當（使用的setTimeout（1）），它與不確定的錯誤不是一個函數，由於沒有它應該根據功能性新創建的元素documentation。

我該如何使用元素的show方法？它不必動態創建，我只需要能夠完全改變內容，這似乎是一個簡單的解決方案。

Answer 1

確保使用html導入導入元素定義。

<link rel="import" href="components/paper-toast/paper-toast.html"> 

當您有很多自定義元素時，很難判斷哪些元素缺少導入。你可以使用這個書籤，以檢測進口失蹤

https://gist.github.com/ebidel/cea24a0c4fdcda8f8af2

javascript:(function()%7Bfunction%20isUnregisteredCustomElement(el)%7Bif(el.constructor==HTMLElement)%7Bconsole.error('Found%20unregistered%20custom%20element:',el);return%20true;%7Dreturn%20false;%7Dfunction%20isCustomEl(el)%7Breturn%20el.localName.indexOf('-')!=-1%7C%7Cel.getAttribute('is');%7Dvar%20allCustomElements=document.querySelectorAll('html%20/deep/%20*');allCustomElements=Array.prototype.slice.call(allCustomElements).filter(function(el)%7Breturn%20isCustomEl(el);%7D);var%20foundSome=false;for(var%20i=0,el;el=allCustomElements[i];++i)%7Bif(isUnregisteredCustomElement(el))%7BfoundSome=true;%7D%7Dif(foundSome)%7Balert('Oops:%20found%20one%20or%20more%20unregistered%20custom%20elements%20in%20use!%20Check%20the%20console.');%7Delse%7Balert('Good:%20All%20custom%20elements%20are%20registered%20:)');%7D%7D)();