Τι είναι το απομονωμένο πεδίο στο Angular8;

Σε αυτό το άρθρο, θα μάθετε όλα σχετικά με το απομονωμένο πεδίο στο Angular8 μαζί με παραδείγματα. Θα καταλάβετε επίσης κάθε λειτουργία στο Angular8.

Εάν χρησιμοποιείτε για αρκετό καιρό τώρα, πιθανότατα έχετε ακούσει για το χαρακτηριστικό εύρους. Είναι μια ενσωματωμένη ενότητα στο Angular8 και προέρχεται από την προεπιλογή Parent Scope. Τις περισσότερες φορές όμως, δεν απαιτείται για την ανάπτυξη κοινών στοιχείων και έτσι απεικονίστηκε το μεμονωμένο πεδίο εφαρμογής. Σε αυτό το άρθρο, θα συζητήσουμε τα πάντα για το απομονωμένο πεδίο στο Angular8 με την ακόλουθη σειρά:



Ας ξεκινήσουμε.



Τι είναι το απομονωμένο πεδίο στο Angular8;

Το απομονωμένο εύρος στο Angular8 δεν προήλθε από το γονικό πεδίο, αλλά κάνει τη δυνατότητα πρόσβασης στο πεδίο γονικού μέσω $ γονέα. Η οδηγία μεμονωμένου πεδίου εφαρμογής στην Python έχει τρεις βασικές ιδιότητες, οι οποίες αναφέρονται παρακάτω.



  1. πεδίο εφαρμογής: false: Αυτή η οδηγία χρησιμοποιείται από προεπιλογή σε απομονωμένο πεδίο και χρησιμοποιείται κυρίως για την επαναχρησιμοποίηση του πεδίου από το στοιχείο στο οποίο χρησιμοποιείται επί του παρόντος.

  2. πεδίο εφαρμογής: true: Αυτή η οδηγία χρησιμοποιείται για τη δημιουργία παιδικού πεδίου και κληρονομεί πρωτότυπα το γονικό πεδίο εφαρμογής.

  3. πεδίο εφαρμογής: {…}: Αυτό χρησιμοποιείται για τη δημιουργία του απομονωμένου πεδίου και αυτό είναι πρωτότυπο από το γονικό πεδίο εφαρμογής.



Για να κατανοήσετε καλύτερα τις παραπάνω οδηγίες, ρίξτε μια ματιά στις εξηγήσεις παρακάτω.

συγχώνευση παράδειγμα c ++

πεδίο εφαρμογής: αλήθεια

Γονικό πεδίο εφαρμογής<<======prototype====== Child Scope

<<====== $Parent ====== Child Scope

πεδίο εφαρμογής: {}

Γονικό πεδίο εφαρμογής<<=====$Parent Scope ========= Isolates Scope

Εδώ πρέπει να χρησιμοποιήσουμε τρεις τύπους διεπαφών μεταξύ του απομονωμένου πεδίου και του γονικού πεδίου.

  1. σύνδεση δεδομένων (=)
  2. παρεμβολή (@)

  3. έκφραση (&)

Παραδείγματα

πεδίο εφαρμογής: {myValue1: '@ attribute1', myValue2: '= attribute2', myValue3: '& attribute3'}

Παρεμβολή ή χαρακτηριστικά (@)

Αυτό χρησιμοποιείται για τη σύνδεση του απομονωμένου πεδίου με το χαρακτηριστικό DOM. Αυτό βασικά ρυθμίζει μια μονόδρομη οδηγία που θα χρησιμοποιείται μεταξύ του απομονωμένου πεδίου και του γονικού πεδίου. Αυτό σημαίνει ότι εάν υπάρχουν αλλαγές στο Γονικό Πεδίο, το ίδιο θα αντικατοπτρίζεται στιγμιαία και στο απομονωμένο πεδίο.

Παράδειγμα

.directive ('myDirective', function () {return {lingkup: {myAttribute: '@',}}})

Τώρα μπορούμε να χρησιμοποιήσουμε μια οδηγία για να συνδέσουμε αυτά τα δύο μαζί.

 

Έκφραση (&)

Η έκφραση (&) χρησιμοποιείται για την κλήση μιας συνάρτησης από το γονικό πεδίο στο απομονωμένο πεδίο. Χρησιμοποιείται κυρίως για τη δημιουργία επιστροφών κλήσεων μεταξύ άλλων λειτουργιών.

Παράδειγμα

.directive ('myDirective', function () {return {lingkup: {myIsolatedFunction: '&'}}})

Τώρα θα το χρησιμοποιήσουμε ΚΡΙΣΗ

Ποια είναι η διαφορά μεταξύ μιας τάξης και μιας διεπαφής
Κάντε κλικ στο OK Η μέθοδος θα καλέσει τώρα στον ελεγκτή με τον ακόλουθο τρόπο. .controller ('myTestController', ['$ εύρος', συνάρτηση ($ εύρος) {$ cakupan.myUpdatedValue = function (myValue) {$ lingkup.updatedValue = myValue}}]

Δέσμευση (=)

Η σύνδεση (=) είναι παρόμοια με τα χαρακτηριστικά, η μόνη διαφορά είναι ότι δημιουργεί αμφίδρομο κανάλι επικοινωνίας αντί για ένα.

Παράδειγμα

.directive ('myDirective', function () {return {lingkup: {myBinding: '=',}}})

Λειτουργία Foreach σε Angular8

Τώρα που γνωρίζετε τη βασική έννοια του απομονωμένου πεδίου στο Angular8, ας εξερευνήσουμε επίσης τη λειτουργία πρόσθιου φαινομένου.

Πρόσθιο σε γωνιακό8

Για να ενεργοποιήσετε τη λειτουργία foreach στο Angular8, ακολουθήστε τα βήματα που περιγράφονται παρακάτω.

Βήμα 1

Ξεκινήστε το Visual Editor 2012 και μεταβείτε στο Project κάτω από το Νέο και το Αρχείο. Όταν ανοίξει το παράθυρο, ονομάστε το αρχείο ως forOrforeach και, στη συνέχεια, κάντε κλικ στο κουμπί OK.

Βήμα 2

Μόλις ολοκληρωθεί το βήμα 1, ανοίξτε την Εξερεύνηση λύσεων που περιέχει το αρχείο css, το αρχείο js, το αρχείο ts καθώς και το αρχείο html.

Βήμα # 3

Τώρα εκτελέστε τον ακόλουθο κώδικα για τη λειτουργία foreach.

γιαOrforeach.ts

class A {function () {var array = [1, 2, 3, 4] for (var v in array) // για ενεργεί ως προσκήνιο {alert (array [v])}}} window.onload = () => {var call = νέο A () call.function ()}

Προεπιλογή.html

Εφαρμογή HTML TypeScript

Εφαρμογές

var A = (function () {function A () {} A.prototype.function = function () {var array = [1, 2, 3, 4] για (var v σε array) {alert (πίνακας [v] )}} επιστροφή A}) () window.onload = function () {var call = new A () call.function ()}

Η έξοδος για τους παραπάνω κωδικούς θα μοιάζει κάπως έτσι.

Έξοδος - απομονωμένο εύρος σε γωνιακό8 - Edureka

forEach σε TypeScript

Τώρα ας διερευνήσουμε πώς να εφαρμόσουμε μια πρόβλεψη σε TypeScript.

tostring () μέθοδος java

Newforeach.ts

κλάση Α {no: number [] = [1, 2, 3] lognumber () {this.no.forEach ((nos) => {// foreach statement document.write ('number =:' + nos)}) }} window.onload = () => {var call = new A () call.lognumber ()}

Η έξοδος των παραπάνω θα είναι,

Τώρα που ξέρετε πώς να χρησιμοποιείτε τόσο τις μπροστινές όσο και τις απομονωμένες ενότητες πεδίου, ελπίζουμε ότι θα χρησιμοποιήσετε το ίδιο στην καθημερινή κωδικοποίηση Angular8 για να το κάνετε πιο αποτελεσματικό.Μάθετε τα βασικά, καθώς και τις χρήσεις τόσο του μπροστινού όσο και του απομονωμένου πεδίου στο Angular8.

Αυτό μας φέρνει στο τέλος του blog Angular Tutorial. Ελπίζω ότι αυτό το ιστολόγιο ήταν ενημερωτικό και προστιθέμενη αξία για εσάς. Τώρα, πρέπει να είστε ξεκάθαροι με τα δομικά στοιχεία του Angular και να είστε έτοιμοι να δημιουργήσετε μια γωνιακή εφαρμογή. Θα σας συνιστούσα να περάσετε από αυτό Γωνιακός οδηγός Λίστα αναπαραγωγής βίντεο Edureka για να παρακολουθήσετε βίντεο και να μάθετε πώς να δημιουργείτε μια γωνιακή εφαρμογή.

Δείτε το από την Edureka, μια αξιόπιστη διαδικτυακή εταιρεία εκμάθησης με δίκτυο περισσότερων από 250.000 ικανοποιημένων μαθητών σε όλο τον κόσμο. Το Angular είναι ένα πλαίσιο JavaScript που χρησιμοποιείται για τη δημιουργία επεκτάσιμων, εταιρικών και επιδόσεων διαδικτυακών εφαρμογών πελάτη. Καθώς η υιοθέτηση του γωνιακού πλαισίου είναι υψηλή, η διαχείριση της απόδοσης της εφαρμογής καθοδηγείται από την κοινότητα, οδηγώντας έμμεσα καλύτερες ευκαιρίες εργασίας. Η εκπαίδευση γωνιακής πιστοποίησης στοχεύει στην κάλυψη όλων αυτών των νέων εννοιών γύρω από την ανάπτυξη εφαρμογών επιχειρήσεων.