動態添加聚合物元素的準備事件

Question

我如何知道聚合物元素何時準備好？給予是：

它是動態添加，如：

var ele = document.createElement('my-custom-element'); 
document.body.appendChild(ele); 

所以，現在當我打電話ele.myCustomMethod()它會失敗，因爲它是還沒有準備好（在FF/IE/Safari瀏覽器與WebComponent的-lite.js）

我在做什麼，現在是呼叫this.fire('ready')聚合物元素ready()函數裏面，聽它ele.addEventListener('ready',()=>{ele.myCustomMethod();})

但是，這讓所有的代碼非常難寫。有時我使用$(body).html('<my-custom-element />')，它使事情變得更加複雜。

我的問題是：有沒有更好的方法來做到這一點？

謝謝。

Answer 1

您可以嘗試先聽窗口上的WebComponentsReady事件。

來源：https://github.com/webcomponents/webcomponentsjs#webcomponentsready