Resultados de la búsqueda a petición "custom-element"

1 la respuesta

¿Cuál es el punto de la sintaxis "es" cuando se extienden elementos en componentes web?

En componentes web, para registrar un elemento simplemente escriba: var XFoo = document.registerElement('x-foo', { prototype: Object.create(HTMLElement.prototype) });Para crear un elemento, puede hacer uno de estos: <x-foo></x-foo> var xFoo = ...

3 la respuesta

¿Cómo puedo crear un componente web que actúe como un elemento de formulario?

Estoy tratando de crear un componente web que se pueda usar específicamente en un elemento de formulario, que tenga unnamey unvalue. Reconozco que puedo crear un componente web queextendsunHTMLInputElement: <input is="very-extended">pero estoy ...

2 la respuesta

¿Por qué los elementos personalizados no admiten atributos como un objeto?

Estoy tratando de pasar el atributo de datos en un elemento personalizado como un objeto, pero mientras recibo dentro del método adjuntoCallback obtengo el valor "[objeto objeto]" en forma de cadena. Entonces, ¿alguien puede ayudarme a descubrir ...

1 la respuesta

Polyfill de componentes web de importación HTML no funciona en Firefox

Estoy probando componentes web en una aplicación de muestra. Dado que algunas de las especificaciones no están incluidas en algunos navegadores, intenté usar polyfill para esos. En Mozilla firefox, probé habilitando la ...

1 la respuesta

Las etiquetas html personalizadas en la representación de la página omiten el análisis HTML por alguna razón

No sé por qué está sucediendo, pero parece que las etiquetas html personalizadas no pueden analizar su contenido correctamente en la carga de la página si realmente hay muchos de esos elementos. document.registerElement('x-tag', { ...

3 la respuesta

Las rutas en los componentes web son relativas a la raíz

Estoy creando un componente web usando una implementación nativa, que en su plantilla html tiene enlaces a imágenes. Sin embargo, esos enlaces solo funcionan si son absolutos o relativos al documento principal, lo que significa que ese componente ...

2 la respuesta

webcomponents: oculta el menú desplegable en window.onclick

el menú desplegable se crea en shadowDOM casi perfecto, pero el problema es cómo ocultar el menú desplegable cuando se hace clic en cualquier otro lugar de la ventana class NavComponent extends HTMLElement { constructor() { super(); let ...

1 la respuesta

Extendiendo <opción>

Estoy tratando de extender elHTMLOptionElement, <template id="cOptionTemplate"> <content></content> </template> <select> <option is="custom-option">Test</option> </select> var cOption = document.registerElement('custom-option', { ...

2 la respuesta

Error al construir 'HTMLElement'

Corromy-widget.js a través de babel (preestablecido es2015) para producirmy-widget-es5.js. Esto causa un error con Polymer. Class constructor PolymerElement cannot be invoked without 'new' at new MyWidget (my-widget.js:##) at mw-widget.js ...

3 la respuesta

Elementos angulares múltiples de diferentes guiones

¿Es posible usar Elementos angulares [https://angular.io/guide/elements] generado a partir de diferentes scri, pts? Tengo 2 proyectos weather-widget y clock widget que generan su propio script (concatenan todos los requeridos). Cuando uso ...