j-Importer

j-Import egy nagyszerű összetevő a HTML sablonok, skriptek vagy stílusok importálására az út és állapot szerint. A komponens segíthet a SPA alkalmazásokban, mert könnyen importálhatja a sablonokat, skripeteket vagy stílusokat dinamikusan.

konfiguráció:

• if {String} Értéket kell tartalmaznia
• url {String} relatív/abszolút URL egy aloldalra vagy alrészre
• reload {String} a módszerhez való hivatkozás a globális területen, akkor fut, ha a condition érvényes
• cleaner {Number} (opcionális) idle idő (percekben) a tisztítás futtatásához (default: 0)
• clean {String} (opcionális) a funkcióhoz való hivatkozás, az importőr tisztítása előtt fut.
• id {String} egy személyre szabott azonosító a ~ID~ kifejezések helyettesítésére az importált HTML-ben (default: üres)
• NEW: singleton {Boolean} csak az importőr egy példányát kezeli a path + if + url szerint (default: false)
• NEW: parent {String} a parent szelektor közvetlen gyermeke
• NEW: adapt {Boolean}, ha true hívja a reload:?/soemthing módszer a nemes plugin helyett a jelenlegi plugin (default: false)

Új frissítés:

A j-Importer tartalmazhat a <script type="text/html"> tartalmat, amelyet HTML-ként értékelnek, ha a feltétel érvényes.

Jó tudni 1:

• Az összes CLASS és ~PATH~ kifejezés automatikusan config.path vagy config.if lesz.
• Az összes ~ID~ kifejezés automatikusan helyettesíthető a config.id
• automatikusan helyettesíti az importőröket <SCR> Elemek a <script> Az elemek csak belülről <script type="text/html"> Templomok

Jó tudni 2:

Ha a komponens nem rendelkezik hatótávolsággal, akkor a config.if értéke helyettesíti a ? karaktereket az összes konfigurációs kulcsban.

Használja a <ui-component name="importer">Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről DEF.fallback (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

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