j-HashChange

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

El componente captura todos los cambios de #hashtag en la dirección URL. Cuando cambia, emite el evento hash. El componente reacciona a los cambios reales.

singleton

Configuración:

delay {Number} un retraso para emitir el evento hash (predeterminado: 0)
NUEVO: middleware {String} un middleware (separado por coma) para la emisión inicial del evento hash

¿Cómo capturar el cambio de hash?

// Global:
ON('hash', function(hash) {
	// @hash {String} - it can be "empty"
});

// Or in the Plugin declaration:
exports.on('hash', function(hash) {

});

Úselo con <ui-component name="hashchange">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<ui-component name="hashchange"></ui-component>

<ui-bind path="currenthash" config="text"></ui-bind>

<script>

	setInterval(() => location.hash = GUID(10), 1000);

	ON('hash', function(hash) {
		SET('currenthash', hash);
	});

</script>