j-Importer

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.

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