w3schools w3school riot bootstrap javascript html polymer web-component

javascript - riot - summary html5 w3schools



PolĂ­mero y WebComponentes del evento Listo (1)

En Polymer 1.0 puedes escuchar WebComponentsReady .

En Polymer 0.5, debido a que hace más cosas de forma asíncrona, hay un evento adicional llamado polymer-ready que se activará cuando se carguen los elementos. Aquí hay un jsbin que muestra el pedido .

De acuerdo con los documentos de Polymer , el evento WebComponentsReady es necesario porque ...

Los polyfills analizan las definiciones de elementos y manejan su actualización de forma asíncrona. Si recupera prematuramente el elemento del DOM antes de que tenga la oportunidad de actualizarse, estará trabajando con un elemento HTMLUnknownElement. En estas situaciones, espere el evento WebComponentsReady antes de interactuar con el elemento

Tengo una página HTML que importa un solo componente web y registra un controlador que registra una declaración cuando se cargan todos los componentes web:

<!DOCTYPE html> <html> <head> <script src="bower_components/platform/platform.js"></script> <link rel="import" href="elements/my-element.html"> </head> <body unresolved> <my-element></my-element> <script> window.addEventListener(''WebComponentsReady'', function(e) { console.log(''components ready''); }); </script> </body> </html>

¿Por qué se WebComponentsReady evento WebComponentsReady antes del evento de polímero ready my-element? Necesito saber cuándo puedo interactuar con el elemento personalizado, por ejemplo, cambiar sus propiedades y llamar a sus métodos públicos.