Τι είναι το $ Scope στο AngularJS; Εκμάθηση με Παράδειγμα

Τι είναι το εύρος $ στο AngularJS;

Το $ lingkup στο AngularJS είναι ένα ενσωματωμένο αντικείμενο που δεσμεύει βασικά τον "ελεγκτή" και την "προβολή". Κάποιος μπορεί να ορίσει μεταβλητές μέλους στο πεδίο εντός του ελεγκτή, οι οποίες μπορούν στη συνέχεια να έχουν πρόσβαση από την προβολή.

Εξετάστε το παρακάτω παράδειγμα:

angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});

Επεξήγηση κώδικα:

1. Το όνομα της ενότητας είναι "app"
2. Το όνομα του ελεγκτή είναι "HelloWorldCntrl"
3. Το αντικείμενο αντικειμένου είναι το κύριο αντικείμενο που χρησιμοποιείται για τη μετάδοση πληροφοριών από τον ελεγκτή στην προβολή.
4. Προστέθηκε μεταβλητή μέλους στο αντικείμενο πεδίου

Ρύθμιση ή προσθήκη συμπεριφοράς

Προκειμένου να αντιδράσουμε σε συμβάντα ή να εκτελέσουμε κάποιο είδος υπολογισμού / επεξεργασίας στην Προβολή, πρέπει να παρέχουμε συμπεριφορά στο πεδίο εφαρμογής.

Συμπεριφορές προστίθενται σε αντικείμενα πεδίου για να ανταποκριθούν σε συγκεκριμένα συμβάντα που ενδέχεται να ενεργοποιηθούν από την Προβολή. Μόλις ορίσετε τη συμπεριφορά στον ελεγκτή, μπορείτε να έχετε πρόσβαση στην προβολή.

Ας δούμε ένα παράδειγμα για το πώς μπορούμε να το επιτύχουμε.

Guru99 Global Event
{{fullName("Guru","99")}}

Επεξήγηση κώδικα:

1. Δημιουργούμε μια συμπεριφορά που ονομάζεται "fullName". Αυτή η συμπεριφορά είναι μια συνάρτηση που δέχεται 2 παραμέτρους (όνομα πρώτου, επώνυμο).
2. Στη συνέχεια, η συμπεριφορά επιστρέφει τη συνένωση αυτών των 2 παραμέτρων.
3. Στην προβολή καλούμε τη συμπεριφορά και περνάμε σε 2 τιμές του "Guru" και του "99" που μεταδίδονται ως παράμετροι στη συμπεριφορά.

Εάν η εντολή εκτελεστεί με επιτυχία, η ακόλουθη έξοδος θα εμφανιστεί όταν εκτελείτε τον κωδικό σας στο πρόγραμμα περιήγησης.

Παραγωγή:

Στο πρόγραμμα περιήγησης θα δείτε μια συνένωση και των δύο τιμών του Guru & 99 που μεταβιβάστηκαν στη συμπεριφορά στον ελεγκτή.

Περίληψη

• Μπορούν να προστεθούν διάφορες μεταβλητές μελών στο αντικείμενο πεδίου το οποίο στη συνέχεια μπορεί να αναφερθεί στην προβολή.
• Συμπεριφορά μπορεί να προστεθεί στην εργασία με συμβάντα που δημιουργούνται για ενέργειες που εκτελούνται από τον χρήστη.
• Το angularjs $rootScopeείναι το πεδίο εφαρμογής για ολόκληρη την εφαρμογή. Μια εφαρμογή μπορεί να έχει μόνο ένα $ rootScope και χρησιμοποιείται σαν μια καθολική μεταβλητή. Στο Angular JS $ scopes είναι θυγατρικά και $ rootScope είναι γονικό πεδίο