Τι είναι η Ng-change στο Angular JS και πώς αποδίδουν αξία σε αυτό;

Το Ng-change είναι μια οδηγία στο γωνιακό JS που προορίζεται για την εκτέλεση λειτουργιών όταν αλλάζει η τιμή ενός στοιχείου ή ενός συμβάντος. Μάθετε τα πάντα με παραδείγματα.

Γεια, ας μάθουμε για μια ενδιαφέρουσα οδηγία , δηλ. οδηγία ng-change, το ίδιο το όνομα δίνει εν μέρει τη δουλειά που εκτελεί. Οι προγραμματιστές συνήθως μπερδεύονται μεταξύ των γεγονότων κατά την αλλαγή και την αλλαγή, ας ξεκαθαρίσουμε τα πάντα σήμερα σε αυτό το ιστολόγιο. Τα θέματα που θα συζητήσουμε σήμερα θα είναι:



Πριν συνεχίσουμε με το ιστολόγιο, θα ρίξουμε μια πρώτη ματιά σε ποιες οδηγίες υπάρχουν στο AngularJS.



Τι είναι η οδηγία;

Οι οδηγίες AngularJS είναι απλώς εκτεταμένα χαρακτηριστικά HTML με πρόθεμα «ng-». Το AngularJS παρέχει ένα σύνολο ενσωματωμένων οδηγιών που προσφέρουν διάφορες λειτουργίες στις εφαρμογές μας.

Το AngularJS μας επιτρέπει επίσης να ορίσουμε τις δικές μας οδηγίες.



Τι είναι η ng-αλλαγή;

Η αλλαγή είναι ένα που προορίζεται για την εκτέλεση λειτουργιών όταν αλλάζει η τιμή ενός στοιχείου ή ενός συμβάντος. Με άλλα λόγια,ng-αλλαγήΗ οδηγία λέει στο AngularJS τι να κάνει όταν αλλάζει η τιμή ενός στοιχείου HTML.

πώς να ορίσετε java classpath

Εναμοντέλο ngαπαιτείται οδηγία από την οδηγία ng-change.



Σημαντικά σημεία κατά τη χρήση της οδηγίας ng-change:

  • Τι συμβαίνει στο συμβάν onChange; οng-αλλαγήΗ οδηγία από το AngularJS δεν αντικαθιστά το αρχικό συμβάν onchange του στοιχείου, και τα δύοng-αλλαγήθα εκτελεστεί η έκφραση και τα αρχικά συμβάντα ανταλλαγής.
  • οng-αλλαγήτο συμβάν ενεργοποιείται σε κάθε αλλαγή στην τιμή. Δεν θα περιμένει να γίνουν όλες οι αλλαγές ή το πεδίο εισαγωγής να χάσει την εστίασή του.
  • οng-αλλαγήΤο συμβάν ενεργοποιείται μόνο εάν υπάρχει πραγματική αλλαγή στην τιμή εισαγωγής και όχι εάν η αλλαγή πραγματοποιήθηκε από JavaScript.
  • Αυτή η οδηγία ng-change υποστηρίζεται από τις ετικέτες HTML όπως, και.
  • Η έκφραση ngChange αξιολογείται μόνο όταν μια αλλαγή στην τιμή εισόδου προκαλεί τη δέσμευση μιας νέας τιμής στο μοντέλο.

Δεν θα αξιολογηθεί:

  1. εάν η τιμή που επιστρέφεται από τον αγωγό μετατροπής $ parsers δεν έχει αλλάξει
  2. εάν η είσοδος συνέχισε να είναι άκυρη, καθώς το μοντέλο θα παραμείνει άκυρο
  3. εάν το μοντέλο αλλάξει όχι από μια τιμή εισαγωγής αλλά μέσω προγραμματισμού.

Σημείωση , απαιτεί αυτή η οδηγίαngΜοντέλονα είναι παρών.

Σύνταξη:

< στοιχείο ng-αλλαγή='έκφραση' > στοιχείο >

έκφραση: Καθορίζει μια παράσταση που εκτελείται όταν αλλάζει η τιμή ενός στοιχείου.

Παράδειγμα:

 

Πληκτρολογήστε το πεδίο εισαγωγής:

Το πεδίο εισαγωγής έχει αλλάξει {{count}} φορές.

angular.module ('App1', []) .controller ('cng1l', ['$ εύρος', συνάρτηση ($ εύρος) {$ lingkup.count = 0 $ lingkup.myFunc = function () {$ lingkup.count ++} }])

Έξοδος (Μετά από 3 αλλαγές)

Πληκτρολογήστε το πεδίο εισαγωγής:

προεπιλεγμένη τιμή πίνακα java char

Το πεδίο εισαγωγής έχει αλλάξει 3 φορές.

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

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