j-Importer

j-Import είναι ένα εξαιρετικό στοιχείο για την εισαγωγή προτύπων HTML, σενάριο ή στυλ σύμφωνα με τη διαδρομή και την κατάσταση. το στοιχείο μπορεί να βοηθήσει με τις εφαρμογές SPA επειδή μπορείτε εύκολα να εισαγάγετε πρότυπα, στίχους ή στίχοι δυναμικά.

ΕΠΙΤΡΟΦΗ:

• 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 για το σύνδεσμο που έχει τοποθετηθεί αντί για το τρέχον plugin (προεπιλεγμένο: 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 Συγγραφέας: Peter Širka. πηγή: το 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>