# j-Importer

> j-Import е чудесен компонент за внос на HTML шаблони, скрипти или стилове според пътя и състоянието.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: bg
Content-SHA256: 70cc386984816c84f2198f7be23e1621d5e509fd53e1c7a962f33130e864571a
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__j-Import__ е чудесен компонент за внос на HTML шаблони, скрипти или стилове според маршрута и състоянието.


__Конфигуриране__:

- `if {String}` трябва да съдържа стойност
- `url {String}` относителен/абсолютен URL към подстраница или субстраница
- `reload {String}` е връзка към метода в световен мащаб, тя се изпълнява, ако __condition__ е валидна
- `cleaner {Number}` (опционално) време за почистване (в минути) за изпълнение на почистването (предварително: `0`)
- `clean {String}` (опционално) връзка към функцията, тя се изпълнява преди вносителя да бъде почистена
- `id {String}` е персонализиран идентификатор за замяна на фразите `~ID~` в вноса HTML (предварително: празен)
- __NEW__: `singleton {Boolean}` обработва само една инстанция вносител съгласно `path + if + url` (дефолт: `false`)
- __NEW__: `parent {String}` се движи като пряко дете на селектора `parent`
- __NEW__: `adapt {Boolean}` ако `true` нарича метода на `reload:?/soemthing` за плагина, вместо текущия плагин (предварително: `false`)

__Нова актуализация__:

j-Importer може да съдържа `<script type="text/html">` с съдържание, което ще бъде оценено като HTML, ако условието е валидно.

__Добре е да се знае 1__:

- Всички фрази `CLASS` и `~PATH~` ще бъдат заменени с `config.path` или `config.if` автоматично
- Всички фрази на `~ID~` ще бъдат заменени с `config.id` автоматично
- Импортерът автоматично замества `<SCR>` елементите на `<script>` само в рамките на шаблона `<script type="text/html">`.

__Добре е да се знае 2__:

Ако компонентът не е в обхвата, тогава стойността от `config.if` ще замени `?` символи във всички конфигурационни ключове.

Използвайте го с `<ui-component name="importer">`Когато компонентът все още не е зареден, jComponent Изтегляне на първия адрес в `DEF.fallback` (След това Componentator Източник: Питър Шерка Componentator Съставни съставки, лиценз на 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>
```