j-Importer
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ściurl {String}relatywny/absolutny adres URL do podstrony lub podstronareload {String}jest linkem do metody w skali globalnej, wykonuje się, jeśli warunek __ jest ważnycleaner {Number}(opcjonalny) czas spalania (w minutach) do wykonywania czyszczenia (default:0)clean {String}(opcjonalny) łącznik do funkcji, wykonuje się przed wyczyszczeniem importeraid {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 zpath + if + url(default:false) - NEW:
parent {String}porusza się jako bezpośrednie dziecko selektoraparent - NEW:
adapt {Boolean}jeślitruenazywa metodęreload:?/soemthingdla 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
CLASSi~PATH~zostaną automatycznie zastąpione przezconfig.pathlubconfig.if. - Wszystkie frazy
~ID~zostaną automatycznie zastąpione przezconfig.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.
<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>