Όλα όσα πρέπει να ξέρετε για τη λειτουργία Angular JS Watch



Αυτό το άρθρο θα σας παράσχει μια λεπτομερή και περιεκτική γνώση του τρόπου υλοποίησης της λειτουργίας Angular JS.

ο Οι λειτουργίες πεδίου JS $ είναι μερικές από τις κύριες λειτουργίες. Σε αυτό το άρθρο, θα συζητήσουμε τη λειτουργία παρακολούθησης Angular JS με την ακόλουθη σειρά:

Ποια είναι η λειτουργία γωνιακού ρολογιού JS;

Η γωνιακή λειτουργία παρακολούθησης JS $ χρησιμοποιείται για την παρακολούθηση του αντικειμένου πεδίου. Το $ ρολόι παρακολουθεί τη μεταβλητή και καθώς η τιμή της μεταβλητής αλλάζει το γωνιακό JS $ τι τρέχει μια συνάρτηση. Αυτή η συνάρτηση παίρνει δύο ορίσματα ένα είναι η νέα τιμή και μια άλλη παράμετρος είναι η παλιά τιμή.





γωνιακό ρολόι js

υπερφόρτωση και υπέρβαση σε java

Πώς να χρησιμοποιήσετε τη λειτουργία γωνιακού ρολογιού JS;

Ας πάρουμε ένα απλό παράδειγμα του τι ακριβώς κάνει η λειτουργία του ρολογιού στο γωνιακό JS. Έτσι, στο γωνιακό πρόγραμμα JS δημιουργήσαμε δύο αρχεία εκεί το index.js είναι υπεύθυνο για το frontend και το app.js είναι υπεύθυνο για το χειρισμό του backend. Εδώ κάνουμε ένα απλό πρόγραμμα με μια φόρμα και αυτή η φόρμα έχει ένα πεδίο εισαγωγής. Όταν δίνουμε το όνομα στο πεδίο εισαγωγής, το μήνυμα εξόδου μας δείχνει την παλιά και τη νέα τιμή.



ορισμός διαδρομής κλάσης στο linux

Κωδικός HTML

Η σελίδα index.html διαθέτει μια γωνιακή εφαρμογή με το όνομα ngWatchApp και έναν ελεγκτή με το όνομαρολόιController. Στη συνέχεια, δημιουργούμε μια φόρμα με όνομα πεδίου εισαγωγής και την τιμή αυτού του πεδίου εισαγωγής που εκτυπώνουμε σε ετικέτα h1 και το μήνυμα εκτυπώνεται σε

ετικέτα.

Παράδειγμα γωνιακού ρολογιού Εισαγάγετε το όνομά σας

{{μήνυμα}}

Κωδικός JavaScript

Στο app.js δημιουργήσαμε μια εφαρμογή με το όνομα ngWatchApp και έναν ελεγκτή με το όνομαρολόιController. Στη συνέχεια, ορίζουμε τις δύο μεταβλητές στο πεδίο με το όνομα, το όνομα και το μήνυμα και στη λειτουργία παρακολούθησης περνάμε δύο παραμέτρους, μία είναι το όνομα του πεδίου που επηρεάζεται κατά την αλλαγή και άλλη είναι η συνάρτηση που έχει επίσης δύο παραμέτρους, νέα τιμή και παλιά τιμή. Τέλος, προσθέτουμε δύο τιμές στη μεταβλητή μηνύματος και ότι η μεταβλητή μηνύματος εμφανίζεται στοindex.htmlσελίδα.



μεταπτυχιακό δίπλωμα vs μεταπτυχιακό
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ εύρος) {// προσθήκη μεταβλητής εύρους $ lingkup.name = '$ lingkup.message =' // προσθήκη ρολόι με πεδίο ονόματος $ εύρος. $ ρολόι ('name', function (newValue = ', oldValue =' ') {$ lingkup.message =' το νέο valus είναι $ {newValue} και η παλιά τιμή είναι $ {oldValue} '} )})

Κάθε φορά που παρακολουθούμε μια συνάρτηση, τότε αυτή η συνάρτηση καλείται πολλές φορές ανάλογα με την πέψη. Όποτε εκτελείται ο κώδικας, το AngularJS μεταβιβάζει την τρέχουσα αναφορά εύρους $ ως το πρώτο όρισμα. Όχι μόνο σημαίνει ότι μπορούμε να αναφέρουμε το σωστό εύρος μέσα από το σώμα λειτουργίας, αλλά επίσης σημαίνει ότι μπορούμε να παρακολουθήσουμε οποιαδήποτε συνάρτηση που αναμένει μια αναφορά εύρους $.

Αυτός είναι ο τρόπος με τον οποίο μπορούμε να χρησιμοποιήσουμε τη λειτουργία γωνιακής παρακολούθησης js () σε εφαρμογές για να παρακολουθήσουμε μεταβλητές αλλαγών εύρους $. Υπάρχουν μερικά άλλα πράγματα που λειτουργούν με το $ watch, είναι η λειτουργία $ digest () επαναλαμβάνεται σε όλα τα ρολόγια στο αντικείμενο $ lingkup όταν$ digest ()επαναλαμβάνει πάνω από τα ρολόγια, καλεί τη συνάρτηση τιμής για κάθε ρολόι. οεύρος $. $ ισχύει ()Η συνάρτηση παίρνει μια συνάρτηση ως παράμετρος που εκτελείται και μετά από αυτήνεύρος $. $ digest ()καλείται εσωτερικά.

Με αυτό, καταλήγουμε σε αυτό το άρθρο της λειτουργίας Angular JS Watch Function. Εάν θέλετε να μάθετε περισσότερα σχετικά με το γωνιακό πλαίσιο, ρίξτε μια ματιά στο δικό μας που έρχεται με ζωντανή εκπαίδευση με καθοδήγηση εκπαιδευτή και πραγματική εμπειρία έργου. Αυτή η εκπαίδευση θα σας βοηθήσει να κατανοήσετε σε βάθος τη Γωνιακή και να σας βοηθήσει να επιτύχετε την εξουσία στο θέμα.

Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων του 'Angular JS Watch Function' και θα επικοινωνήσουμε μαζί σας.