2017-01-27 2 views
1

Я пытаюсь создать простой веб-компонент (с webcomponents.js v 0.7.23). Этот компонент имеет метод (setTitre()). Если я вызываю этот метод на моей странице HTML при запуске, Chrome в порядке, но FF и IE говорят, что функция не определена. Если я вызываю этот метод с консоли (document.querySelector('hello-world').setWho('new')), это нормально во всех браузерах.Не удается вызвать метод Webcomponent со страницы

код здесь: https://github.com/olofweb/Webcomponents

+0

Возможный дубликат [Как выполнить скрипт при обновлении пользовательского элемента] (http://stackoverflow.com/questions/35805252/how-to-execute-a-script-when-the-custom-element- это-модернизирован) – Supersharp

ответ

2

С webcomponentsjs polyfill, вам нужно ждать WebComponentsReady события перед вызовом метода пользовательского элемента:

document.addEventListener('WebComponentsReady', function() 
{ 
    document.querySelector('hello-world').setTitre() 
}) 

Это происходит из-за асинхронной модернизации пользовательские элементы при использовании неместной реализации.

Смежные вопросы