j-Importer

j-Import je skvělý prvek pro import HTML šablon, skriptů nebo stylů podle trasy a stavu.

Konfigurace:

• if {String} musí obsahovat hodnotu
• url {String} relativní/absolutní URL na podstránku nebo podstránky
• reload {String} je odkaz na metodu v globálním rozsahu, je provedeno, pokud je condition platný
• cleaner {Number} (volitelný) čas odpočinku (v minutách) pro běh čištění (default: 0)
• clean {String} (volitelné) odkaz na funkci, je provedeno dříve, než je dovozce vyčisten
• id {String} Způsob, jak nahradit ~ID~ Zkratky v importovaném HTML (default: prázdné)
• NEW: singleton {Boolean} zachází pouze s jedním příkladem dovozce podle path + if + url (předvolené: false)
• NEW: parent {String} se pohybuje jako přímé dítě selektoru parent
• • Nový: adapt {Boolean} Pokud true Říká se, že reload:?/soemthing Metoda pro nestovaný plugin namísto aktuálního pluginu (default: false)

Nová aktualizace:

j-Importer může obsahovat <script type="text/html"> s obsahem, který bude hodnocen jako HTML, pokud je podmínka platná.

Dobré vědět 1:

• Všichni CLASS a ~PATH~ Tyto fráze budou nahrazeny config.path nebo config.if automaticky
• Všichni ~ID~ Tyto fráze budou nahrazeny config.id automaticky
• Importér automaticky nahrazuje prvky <SCR> prvkům <script> pouze v rámci šablony <script type="text/html">.

Dobré vědět 2:

Pokud součást není v rozsahu, pak hodnota z config.if nahradí znaky ? ve všech konfiguračních klíčkách.

Použijte ji s <ui-component name="importer">Pokud je součástka ještě nezačleněna, jComponent Stáhnout ji na první použití z adresy DEF.fallback a) The Componentator CDN dle předvolby. autor: Peter Širka. zdroj: Componentator Výrobce je autorizován, MIT licence.

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