# j-Importer

> j-Import är en bra komponent för att importera HTML-mallar, skript eller stilar enligt vägen och villkoren. komponenten kan hjälpa med SPA-program eftersom du enkelt kan importera mallar,

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sv
Content-SHA256: 429299f4df88c56323b5dc2955b947d8dc0bd59a94f82d765f9aab964fff52d0
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__j-Import__ är en bra komponent för att importera HTML-mallar, skript eller stilar enligt vägen och villkoren. komponenten kan hjälpa med SPA-applikationer eftersom du enkelt kan importera mallar, skripter eller stiler dynamiskt.


__Konfigurera__:

- `if {String}` måste innehålla ett värde
- `url {String}` relativa/absoluta URL till en undersida eller en subpart
- `reload {String}` en länk till metoden i den globala räckvidden, det utförs om __villkoret__ är giltigt
- `cleaner {Number}` (alternativ) idletid (i minuter) för att köra rengöring (default: `0`)
- `clean {String}` (alternativ) en länk till funktion, det körs innan importören rengörs
- `id {String}` en anpassad identifierare för att ersätta `~ID~` fraser i den importerade HTML (default: tom)
- __NEW__: `singleton {Boolean}` det hanterar endast en instans av importören enligt `path + if + url` (default: `false`)
- __NEW__: `parent {String}` det rör sig själv som ett direkt barn av `parent` selektorn
- __NEW__: `adapt {Boolean}` om `true` det kallar metoden `reload:?/soemthing` för den nedsänkta plugin istället för den aktuella plugin (default: `false`)

__Ny uppdatering__:

j-Importer kan innehålla `<script type="text/html">` med ett innehåll som kommer att utvärderas som HTML om villkoret är giltigt.

__Bra att veta 1__:

- Alla `CLASS` och `~PATH~` fraser ersätts automatiskt med `config.path` eller `config.if`.
- Alla `~ID~`-fraser ersätts automatiskt med `config.id`
- Importören ersätter automatiskt `<SCR>`-element till `<script>`-element endast inom `<script type="text/html">`-mallen

__Bra att veta 2__:

Om komponenten inte är inom räckhåll ersätter värdet från `config.if` `?` tecken i alla konfigurationsnycklar.

Använd den med `<ui-component name="importer">`När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i `DEF.fallback` (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

```html example.html
<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>
```