j-Importer

j-Import est un excellent composant pour importer des modèles, des scripts ou des styles HTML en fonction du chemin et de la condition. Le composant peut être utile avec les applications SPA car vous pouvez facilement importer des modèles, des scripts ou des styles de manière dynamique.

Configuration :

• if {String} doit contenir une valeur
• url {String} URL relative/absolue vers une sous-page ou une sous-partie
• reload {String} un lien vers la méthode dans la portée globale, il est exécuté si la condition est valide
• cleaner {Number} (optionnel) temps d'inactivité (en minutes) pour l'exécution du nettoyage (par défaut : 0)
• clean {String} (facultatif) un lien vers la fonction, il est exécuté avant le nettoyage de l'importateur
• id {String} un identifiant personnalisé pour remplacer les phrases ~ID~ dans le HTML importé (par défaut : vide)
• NOUVEAU : singleton {Boolean}, il ne gère qu'une seule instance d'importateur selon le path + if + url (par défaut : false)
• NOUVEAU : parent {String} il se déplace comme un enfant direct du sélecteur parent
• NEW : adapt {Boolean} si true il appelle la méthode reload:?/soemthing pour le plugin imbriqué au lieu du plugin actuel (par défaut : false)

Nouvelle mise à jour :

j-Importer peut contenir <script type="text/html"> avec un contenu qui sera évalué au format HTML si la condition est valide.

Bon à savoir 1 :

• toutes les phrases CLASS et ~PATH~ seront remplacées automatiquement par config.path ou config.if
• toutes les phrases ~ID~ seront automatiquement remplacées par config.id
• L'importateur remplace automatiquement les éléments <SCR> par des éléments <script> uniquement dans le modèle <script type="text/html">.

Bon à savoir 2 :

Si le composant de la pièce n'est pas dans la portée, la valeur de config.if remplacera les caractères ? dans toutes les clés de configuration.

Utilisez-le avec <ui-component name="importer">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>