# j-Importer

> j-Import è un ottimo componente per l'importazione di template HTML, script o stili in base al percorso e alla condizione.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: it
Content-SHA256: 9a69b9799b406adf513d995ca41d382a6aac7160f319d6958895b2cfc3de0a29
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__j-Import__ è un ottimo componente per l'importazione di template HTML, script o stili in base al percorso e alla condizione.


__Configurazione__:

- `if {String}` Bisogna contenere un valore
- `url {String}` relative/absolute URL a una sottopagina o sottoparte
- `reload {String}` è un collegamento al metodo nel campo globale, viene eseguito se la __condizione__ è valida
- `cleaner {Number}` (opzionale) tempo idle (in minuti) per il funzionamento della pulizia (default: `0`)
- `clean {String}` (opzionale) un collegamento alla funzione, viene eseguito prima che l'importatore sia pulito
- `id {String}` un identificatore personalizzato per sostituire le frasi `~ID~` nel HTML importato (default: vuoto)
- __NEW__: `singleton {Boolean}` tratta solo una singola instanza di importatore secondo la `path + if + url` (default: `false`)
- __NEW__: `parent {String}` si muove come un bambino diretto del selettore `parent`
- __NEW__: `adapt {Boolean}` se `true` si chiama il metodo `reload:?/soemthing` per il plug-in nested invece del plugin corrente (default: `false`)

__Nuovo aggiornamento__:

j-Importer può contenere `<script type="text/html">` con un contenuto che sarà valutato come HTML se la condizione sarà valida.

__Buono sapere 1__:

- Le frasi `CLASS` e `~PATH~` saranno sostituite automaticamente da `config.path` o `config.if`.
- Le frasi `~ID~` saranno sostituite automaticamente da `config.id`
- L'importatore sostituisce automaticamente gli elementi `<SCR>` agli elementi `<script>` solo all'interno del modello `<script type="text/html">`.

__Bene di sapere 2__:

Se il componente non è all'interno della portata, allora il valore del `config.if` sostituirà i caratteri `?` in tutte le chiavi di configurazione.

Utilizzare con `<ui-component name="importer">`Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo `DEF.fallback` (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

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