# j-Importer

> j-Import ist eine großartige Komponente zum Importieren von HTML-Vorlagen, Skripten oder Stilen entsprechend Pfad und Bedingung. Die Komponente kann bei SPA-Anwendungen hilfreich sein, da Sie problemlos Vorlagen importieren können.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: 6fe4fdebdbd180a63b35e3a2025a8a10c39f25f25f0e91540700b55a73c054a9
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__j-Import__ ist eine gute Komponente für die Einfuhr von HTML-Templaten, Skripten oder Styles entsprechend dem Weg und der Bedingung.


__Konfiguration__:

- `if {String}` muss einen Wert enthalten
- `url {String}` relative/absolute URL zu einer Unterseite oder einem Unterteil
- `reload {String}` ist eine Verbindung zu der Methode im globalen Umfang, es wird ausgeführt, wenn die __bedingung__ gültig ist
- `cleaner {Number}` (optional) idle Zeit (in Minuten) für die Reinigung (Default: `0`)
- `clean {String}` (optional) eine Verbindung zu der Funktion, sie wird ausgeführt, bevor der Einführer gereinigt wird
- `id {String}` eine benutzerdefinierte Kennung zum Ersetzen von `~ID~`-Phrasen im importierten HTML (Standard: leer)
- __NEW__: `singleton {Boolean}` es verarbeitet nur die eine Einfuhrinstanz nach `path + if + url` (Default: `false`)
- __NEW__: `parent {String}` bewegt sich als ein direkter Kind des `parent` Selektors
- __NEW__: `adapt {Boolean}` wenn `true` es die Methode `reload:?/soemthing` für das Nested Plugin anstelle des aktuellen Plugins nennt (Default: `false`)

__Neue Update__:

j-Importer kann `<script type="text/html">` mit einem Inhalt enthalten, der als HTML bewertet wird, wenn die Bedingung gültig ist.

__Gut zu wissen 1__:

- Alle `CLASS`- und `~PATH~`-Sätze werden automatisch durch `config.path` oder `config.if` ersetzt
- Alle `~ID~`-Sätze werden automatisch durch `config.id` ersetzt
- Der Importer ersetzt automatisch `<SCR>`-Elemente für `<script>` Elemente nur innerhalb des `<script type="text/html">`-Templates.

__Gut zu wissen 2__:

Wenn die Teilkomponente nicht im Gültigkeitsbereich liegt, ersetzt der Wert aus `config.if` die `?`-Zeichen in allen Konfigurationsschlüsseln.

Verwenden Sie es mit `<ui-component name="importer">`. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in `DEF.fallback` herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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