j-Importer

j-Import este un component excelent pentru importul de șabloane HTML, scripturi sau stiluri în funcție de cale și condiție. componenta poate ajuta cu aplicațiile SPA deoarece puteți importa ușor șabloanele, scripturile sau stilurile dinamic.

Configurarea:

• if {String} trebuie să conțină o valoare
• url {String} URL relativ/absolut pentru o subpagină sau subpartea
• reload {String} este un link la metoda din scara globală, se execută dacă condition este valabil
• cleaner {Number} (opțional) timp de curățare (în minute) pentru funcționarea curăției (default: 0)
• clean {String} (opțional) un link la funcție, este executat înainte ca importatorul să fie curat
• id {String} este un identificator personalizat pentru înlocuirea frazelor ~ID~ în HTML importat (default: gol)
• NEW: singleton {Boolean} se ocupă doar de o singură instanță a importatorului în conformitate cu path + if + url (default: false)
• NEW: parent {String} se mișcă ca un copil direct al selectorului parent
• NEW: adapt {Boolean} dacă true se numește metoda reload:?/soemthing pentru plugin-ul nestat în loc de plugin-ului curent (default: false)

Noua actualizare:

j-Importer poate conține <script type="text/html"> cu un conținut care va fi evaluat ca HTML dacă condiția va fi valabilă.

Bun să știi 1:

• Toate frazele CLASS și ~PATH~ vor fi înlocuite automat cu config.path sau config.if.
• Toate frazele ~ID~ vor fi înlocuite automat cu config.id
• Importatorul înlocuiește în mod automat elementele <SCR> la elemente <script> numai în cadrul șablonului <script type="text/html">.

Bun să știi 2:

Dacă componenta nu este în domeniul de aplicare, atunci valoarea din config.if va înlocui caracterele ? în toate cheile de configurare.

Utilizați-l cu <ui-component name="importer">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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