ForgeKomponenty
pl

Komponenty

j-Importer

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

j-Import jest doskonałym składnikiem do importu szablonów HTML, skryptów lub stylów według ścieżki i warunków.


Konfiguracja:

  • if {String} musi zawierać wartości
  • url {String} relatywny/absolutny adres URL do podstrony lub podstrona
  • reload {String} jest linkem do metody w skali globalnej, wykonuje się, jeśli warunek __ jest ważny
  • cleaner {Number} (opcjonalny) czas spalania (w minutach) do wykonywania czyszczenia (default: 0)
  • clean {String} (opcjonalny) łącznik do funkcji, wykonuje się przed wyczyszczeniem importera
  • id {String} to identyfikator przystosowany do zastąpienia fraz ~ID~ w importowanej wersji HTML (default: empty)
  • NEW: singleton {Boolean} obsługuje tylko jedną instancję importu zgodnie z path + if + url (default: false)
  • NEW: parent {String} porusza się jako bezpośrednie dziecko selektora parent
  • NEW: adapt {Boolean} jeśli true nazywa metodę reload:?/soemthing dla wtyczki zamiast bieżącego wtyczki (default: false)

Nowe aktualizacje:

j-Importer może zawierać <script type="text/html"> z treścią, która zostanie oceniona jako HTML, jeśli warunek będzie ważny.

Dobrze wiedzieć 1:

  • Wszystkie frazy CLASS i ~PATH~ zostaną automatycznie zastąpione przez config.path lub config.if.
  • Wszystkie frazy ~ID~ zostaną automatycznie zastąpione przez config.id
  • Importer automatycznie zastępuje <SCR> Elementy do <script> Elementy tylko wewnątrz <script type="text/html"> Świątyni

Dobrze wiedzieć 2:

Jeśli element nie znajduje się w zakresu, wartość z config.if zastąpi znaky ? we wszystkich kluczach konfiguracyjnych.

Użyj go z <ui-component name="importer">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

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>