2015-11-26 2 views
9

Мы используем веб-компоненты и полимер на нашем сайте и имеем довольно много бит Javascript, которые ждут события "WebComponentsReady" перед запуском. Однако у нас есть некоторые асинхронные JS-файлы, которые иногда добавляют прослушиватель событий для события после того, как он был запущен, что означает, что скрипт, который мы хотим запустить, никогда не запускается.Флаг готовой веб-компоненты

Кто-нибудь знает, есть ли флаг для создания веб-компонентов, который можно проверить?

Что-то, как это то, что мы должны были бы:

if(WebComponents.ready) { // Does this flag, or something similar, exist?? 
    // do stuff 
} else { 
    document.addEventListener('WebComponentsReady', function() { 
     // do stuff 
    } 
} 

Любая помощь приветствуется.

ответ

2

Следующий флаг устанавливается во время начальной загрузки

window.CustomElements.ready 
+0

ли это, охватывают все аспекты, необходимые для веб-компонентов? Пользовательские элементы - это часть 4, с HTML-импортом, тегами шаблонов и теневой DOM, являющимися остальными. Потребность в том, что я не хочу пытаться получить доступ к свойствам и методам моих пользовательских компонентов, пока не узнаю, что они будут работать. – mjgreen145

+1

Это последний флаг, который должен быть установлен перед отправкой события 'WebComponentsReady'. Все остальные аспекты обычно должны быть уже настроены. –

+0

Это хорошо знать, кажется, что это может сделать работу. Приветствия. – mjgreen145