j-Importer

j-Import es un excelente componente para importar plantillas, scripts o estilos HTML según la ruta y la condición. El componente puede ayudar con las aplicaciones SPA porque puede importar fácilmente plantillas, scripts o estilos de forma dinámica.

Configuración:

• if {String} necesita contener un valor
• url {String} URL relativa/absoluta a una subpágina o subparte
• reload {String} un enlace al método en el ámbito global, se ejecuta si la condición es válida
• cleaner {Number} (opcional) tiempo de inactividad (en minutos) para la ejecución de la limpieza (predeterminado: 0)
• clean {String} (opcional) un enlace para funcionar, se ejecuta antes de que se limpie el importador
• id {String} un identificador personalizado para reemplazar frases ~ID~ en el HTML importado (predeterminado: vacío)
• NUEVO: singleton {Boolean} maneja solo una instancia del importador según path + if + url (predeterminado: false)
• NUEVO: parent {String} se mueve como hijo directo del selector parent
• NUEVO: adapt {Boolean} si true llama al método reload:?/soemthing para el complemento anidado en lugar del complemento actual (predeterminado: false)

Nueva actualización:

j-Importer puede contener <script type="text/html"> con un contenido que se evaluará como HTML si la condición es válida.

Es bueno saberlo 1:

• todas las frases CLASS y ~PATH~ serán reemplazadas por config.path o config.if automáticamente
• todas las frases ~ID~ serán reemplazadas por config.id automáticamente
• el importador reemplaza automáticamente los elementos <SCR> por elementos <script> solo dentro de la plantilla <script type="text/html">

Es bueno saberlo 2:

Si el componente de la pieza no está dentro del alcance, entonces el valor de config.if reemplazará los caracteres ? en todas las claves de configuración.

Úselo con <ui-component name="importer">. 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.

<div>CURRENT VALUE: <ui-bind path="myvalue" config="html:value"></ui-bind></div>
<ui-component name="importer" path="myvalue" config="if:d3;url:https://d3js.org/d3.v4.min.js"></ui-component>

<script>

	var myvalue = '';

	setTimeout(function() {
		SET('myvalue', 'd3');
	}, 3000);

	setTimeout(function() {
		SET('myvalue', null);
	}, 5000);

	setTimeout(function() {
		// The component contains prevention for double import, so D3 won't be imported again.
		SET('myvalue', 'd3');
	}, 8000);

</script>