j-Importer

j-Import ist eine gute Komponente für die Einfuhr von HTML-Templaten, Skripten oder Styles entsprechend dem Weg und der Bedingung.

Konfiguration:

• if {String} muss einen Wert enthalten
• url {String} relative/absolute URL zu einer Unterseite oder einem Unterteil
• reload {String} ist eine Verbindung zu der Methode im globalen Umfang, es wird ausgeführt, wenn die bedingung gültig ist
• cleaner {Number} (optional) idle Zeit (in Minuten) für die Reinigung (Default: 0)
• clean {String} (optional) eine Verbindung zu der Funktion, sie wird ausgeführt, bevor der Einführer gereinigt wird
• id {String} eine benutzerdefinierte Kennung zum Ersetzen von ~ID~-Phrasen im importierten HTML (Standard: leer)
• NEW: singleton {Boolean} es verarbeitet nur die eine Einfuhrinstanz nach path + if + url (Default: false)
• NEW: parent {String} bewegt sich als ein direkter Kind des parent Selektors
• NEW: adapt {Boolean} wenn true es die Methode reload:?/soemthing für das Nested Plugin anstelle des aktuellen Plugins nennt (Default: false)

Neue Update:

j-Importer kann <script type="text/html"> mit einem Inhalt enthalten, der als HTML bewertet wird, wenn die Bedingung gültig ist.

Gut zu wissen 1:

• Alle CLASS- und ~PATH~-Sätze werden automatisch durch config.path oder config.if ersetzt
• Alle ~ID~-Sätze werden automatisch durch config.id ersetzt
• Der Importer ersetzt automatisch <SCR>-Elemente für <script> Elemente nur innerhalb des <script type="text/html">-Templates.

Gut zu wissen 2:

Wenn die Teilkomponente nicht im Gültigkeitsbereich liegt, ersetzt der Wert aus config.if die ?-Zeichen in allen Konfigurationsschlüsseln.

Verwenden Sie es mit <ui-component name="importer">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

<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>