डायनामिक ऐड पॉलिमर तत्वों के लिए तैयार घटना

Question

मुझे कैसे पता चलेगा कि बहुलक तत्व कब तैयार है? कि देते:

यह प्रभावी रूप से जोड़ा जाता है:

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

तो अब जब मैं ele.myCustomMethod() फोन यह असफल हो जायेगी, क्योंकि यह अभी तैयार नहीं है (एफएफ/आईई/सफारी में webcomponent-lite.js के साथ)

क्या मैं अभी कर रहा हूँ बहुलक तत्व ready() समारोह के अंदर कॉल this.fire('ready') है, और यह ele.addEventListener('ready',()=>{ele.myCustomMethod();})

को सुनने लेकिन यह लिखने के लिए सभी कोड बहुत मुश्किल हैं। और कभी-कभी मैं $(body).html('<my-custom-element />') का उपयोग करता हूं, और यह चीजों को और अधिक जटिल बनाता है।

मेरा प्रश्न है: क्या ऐसा करने का कोई बेहतर तरीका है?

धन्यवाद।

Answer 1

आप पहले विंडो पर WebComponentsReady ईवेंट को सुनने का प्रयास कर सकते हैं।

स्रोत: https://github.com/webcomponents/webcomponentsjs#webcomponentsready