48 top angularjs interview questions
Λίστα με τις πιο συχνές ερωτήσεις σχετικά με τη συνέντευξη AngularJS με λεπτομερείς απαντήσεις για νεότερους και έμπειρους επαγγελματίες:
Το AngularJS είναι ένα από τα πιο πρόσφατα πλαίσια ανάπτυξης ιστού σε όλο τον κόσμο.
Σχεδόν σε κάθε συνέντευξη, θα πρέπει να παλέψετε με σκληρό ανταγωνισμό, για να πετύχετε υψηλά επίπεδα και να αποκτήσετε τη δουλειά των ονείρων σας. Ως εκ τούτου, θα πρέπει να προετοιμαστείτε πολύ νωρίτερα.
Για να σας υποστηρίξουμε σε αυτό το ταξίδι, συντάξαμε μια λίστα με τις πιο συχνές ερωτήσεις συνέντευξης AngularJS μαζί με τις απαντήσεις που αναμένει ο συνεντεύκτης σας κατά τη στιγμή της συνέντευξης.
Διαβάστε μας σειρά μαθημάτων AngularJS για περισσότερη γνώση της έννοιας. Εργαλείο μοιρογνωμόνων για τη δοκιμή του AngularJS Εφαρμογές εξηγήθηκε στο προηγούμενο σεμινάριό μας.
Οι πιο συχνές ερωτήσεις σχετικά με τη συνέντευξη AngularJS
Παρακάτω δίνεται μια λίστα με τις κορυφαίες ερωτήσεις και απαντήσεις στη συνέντευξη στο AngularJS για να βοηθήσετε οποιονδήποτε να ολοκληρώσει μια συνέντευξη με επιτυχία.
Ας εξερευνήσουμε !!
Ε # 1) Τι καταλαβαίνετε από το AngularJS;
Απάντηση: Το AngularJS είναι ένα πλαίσιο JavaScript που χρησιμοποιείται για την παραγωγή πλούσιων και επεκτάσιμων εφαρμογών ιστού.
Τρέχει σε απλή JavaScript και HTML, επομένως δεν χρειάζεστε άλλες εξαρτήσεις για να λειτουργήσει. Το AngularJS είναι ιδανικό για εφαρμογές μίας σελίδας (SPA). Βασικά χρησιμοποιείται για τη δέσμευση αντικειμένων JavaScript με στοιχεία UI HTML.
Q # 2) Ορίστε τα χαρακτηριστικά του AngularJS.
Απάντηση: Τα χαρακτηριστικά περιλαμβάνουν:
- Το Πρότυπο (Προβολή)
- Το Πεδίο (Μοντέλο)
- Ο Ελεγκτής (Ελεγκτής)
- Υπηρεσίες
- Φίλτρα
- Οδηγίες
Q # 3) Ορίστε τη δέσμευση δεδομένων.
Απάντηση: Η δέσμευση δεδομένων είναι ένας αυτόματος συντονισμός δεδομένων μεταξύ των στοιχείων προβολής και μοντέλου.
Q # 4) Διάκριση μεταξύ των εκφράσεων AngularJS και JavaScript.
Απάντηση: Υπάρχουν πολλές διαφορές μεταξύ των εκφράσεων AngularJS και JavaScript:
- Μπορούμε να γράψουμε εκφράσεις AngularJS σε HTML, αλλά δεν μπορούμε να γράψουμε εκφράσεις JavaScript σε HTML.
- Δεν μπορούμε να χρησιμοποιήσουμε επαναλαμβανόμενες επαναλήψεις, βρόχους και εξαιρέσεις στο AngularJS, αλλά μπορούμε να χρησιμοποιήσουμε όλες αυτές τις ιδιότητες υπό όρους σε εκφράσεις JavaScript.
- Τα φίλτρα υποστηρίζονται στο AngularJS ενώ τα φίλτρα δεν υποστηρίζονται σε JavaScript.
Ε # 5) Γράψτε όλα τα βήματα για τη διαμόρφωση a ν Γωνιακή εφαρμογή (εντός εφαρμογής).
Απάντηση: Για να δημιουργήσουμε μια γωνιακή εφαρμογή πρέπει να ακολουθήσουμε ορισμένα βήματα όπως αναφέρονται παρακάτω:
- Το angular.module θα δημιουργηθεί στην αρχή.
- Ένας ελεγκτής θα εκχωρηθεί στη μονάδα.
- Η ενότητα θα συνδεθεί με το πρότυπο HTML (δηλ. UI ή Προβολή) με μια γωνιακή εφαρμογή (ng-app).
- Το πρότυπο HTML θα συνδεθεί με τον ελεγκτή (δηλ. JS) με μια οδηγία ng-controller.
Q # 6) Ποιες είναι οι γωνιακές ενότητες;
Απάντηση: Οι γωνιακές μονάδες ορίζουν συλλογικά μια γωνιακή εφαρμογή όπου μπορούμε να γράψουμε τον γωνιακό κώδικα. Οι ενότητες περιέχουν τα διάφορα μέρη μιας γωνιακής εφαρμογής. Μια ενότητα δημιουργείται από τη λειτουργία angular.module σε γωνιακή.
Q # 7) Ποια είναι τα πεδία οδηγιών στο AngularJS;
Απάντηση: Τρία πεδία οδηγιών είναι διαθέσιμα στο AngularJS.
Αυτοί είναι:
- Πεδίο γονέα: Οποιαδήποτε αλλαγή κάνετε στην οδηγία σας και προέρχεται από το πεδίο γονικού περιεχομένου, θα αντικατοπτρίζεται επίσης στο πεδίο γονικού περιεχομένου και είναι επίσης προεπιλεγμένο πεδίο εφαρμογής.
- Παιδικό πεδίο: Πρόκειται για ένθετο πεδίο που κληρονομεί μια ιδιότητα από το γονικό εύρος. Επίσης, εάν οποιεσδήποτε ιδιότητες και λειτουργίες στο πεδίο δεν συνδέονται με την οδηγία για το πεδίο εφαρμογής γονέα, τότε δημιουργείται μια νέα οδηγία για τα παιδιά.
- Απομονωμένο πεδίο εφαρμογής: Είναι επαναχρησιμοποιήσιμο και χρησιμοποιείται όταν δημιουργούμε μια αυτόνομη οδηγία. Χρησιμοποιείται μόνο για ιδιωτική και εσωτερική χρήση, πράγμα που σημαίνει ότι δεν περιέχει ιδιότητες του γονικού πεδίου.
Ε # 8) Πώς μπορούμε να μοιραστούμε τα δεδομένα μεταξύ ελεγκτών στο AngularJS;
Απάντηση: Πρώτον, πρέπει να δημιουργήσουμε μια υπηρεσία. Η υπηρεσία χρησιμοποιείται για την κοινή χρήση των δεδομένων μεταξύ ελεγκτών στο AngularJS με πολύ διαυγή, εύκολο και ταχύτερο τρόπο. Χρησιμοποιούμε συμβάντα, $ γονέα, επόμενο αδελφό και ελεγκτή χρησιμοποιώντας ένα $ rootScope.
Q # 9) Ποιος είναι ο κύκλος πέψης στο AngularJs;
Απάντηση: Είναι μέρος της διαδικασίας δέσμευσης δεδομένων στο AngularJS. Συγκρίνει τις παλιές και τις νέες εκδόσεις της τιμής μοντέλου εύρους σε κάθε κύκλο σύνοψης.
Ο κύκλος πέψης ενεργοποιείται αυτόματα. Μπορούμε επίσης να βελτιώσουμε τη χρηστικότητα χρησιμοποιώντας το $ apply () εάν θέλουμε να ενεργοποιήσουμε χειροκίνητα τον κύκλο πέψης.
Q # 10) Εξηγήστε τις διαφορές μεταξύ μονόδρομης δέσμευσης και αμφίδρομης δέσμευσης.
Απάντηση: Η μονόδρομη δέσμευση χρησιμοποιείται για τη σύνδεση των δεδομένων από το μοντέλο στην προβολή χωρίς ενημέρωση του προτύπου HTML ή αυτόματη προβολή.
Επομένως, για να ενημερώσουμε το πρότυπο HTML, πρέπει να συντάξουμε έναν προσαρμοσμένο κώδικα που θα ενημερώνει την προβολή κάθε φορά όποτε τα δεδομένα συνδέονται από μοντέλο σε προβολή.
Ενώ, η αμφίδρομη δέσμευση χρησιμοποιείται για τη δέσμευση των δεδομένων από το μοντέλο στην προβολή και το αντίστροφο (δηλαδή προβολή στο μοντέλο) ενημερώνοντας αυτόματα το πρότυπο HTML χωρίς να γράψει κανένα προσαρμοσμένο κώδικα.
Ε # 11) Διαφορά μεταξύ περιόδου αποθήκευσης, cookie και τοπικής αποθήκευσης.
Απάντηση: Οι διαφορές είναι οι εξής:
- Αποθήκευση συνεδρίας - Τα δεδομένα αποθηκεύονται για μια συγκεκριμένη περίοδο λειτουργίας. Τα δεδομένα θα χαθούν κάθε φορά που η καρτέλα του προγράμματος περιήγησης θα κλείσει ή μετά από κάποια συγκεκριμένη περίοδο λειτουργίας. Το μέγιστο αποθηκευμένο μέγεθος μπορεί να είναι έως 5MB.
- Τοπική αποθήκευση - Τα δεδομένα αποθηκεύονται χωρίς ημερομηνία λήξης. Τα δεδομένα μπορούν να διαγραφούν μόνο με JavaScript ή με εκκαθάριση της προσωρινής μνήμης του προγράμματος περιήγησης. Το όριο αποθήκευσης είναι το μέγιστο από το sessionStorage και το cookie.
- Cookies - Αποθηκεύει τα δεδομένα που πρέπει να σταλούν πίσω στο διακομιστή με κάποια αιτήματα. Η λήξη του cookie ποικίλλει ανάλογα με τον τύπο και τη διάρκεια που ορίζονται είτε από την πλευρά του διακομιστή είτε από την πλευρά του πελάτη. Το μέγιστο αποθηκευμένο μέγεθος μπορεί να είναι μικρότερο από 4KB.
Ε # 12) Ποιος είναι ο ρόλος του $ routeProvider στο AngularJS;
Απάντηση: Είναι το $ routeProvider που βοηθά στην πλοήγηση μεταξύ διαφορετικών σελίδων / συνδέσμων χωρίς να φορτώνει ξεχωριστά τη σελίδα / σύνδεσμο κάθε φορά που ένας χρήστης κάνει κλικ σε έναν σύνδεσμο.
Η μέθοδος ngRoute config () χρησιμοποιείται για τη διαμόρφωση της διαδρομήςProvider.
Ε # 13) Ποια είναι η διαφορά μεταξύ του εύρους και του εύρους του $;
Απάντηση: Στο AngularJS, το εύρος $ χρησιμοποιείται για την επίτευξη έγχυσης εξάρτησης και το εύρος χρησιμοποιείται για σύνδεση μεταξύ της προβολής (δηλ. HTML) και του ελεγκτή (δηλ. JS).
Ε # 14) Πώς χρησιμοποιούνται τα προθέματα AngularJS $ και $$;
Απάντηση: Η μεταβλητή $$ στο AngularJS χρησιμοποιείται ως ιδιωτική μεταβλητή, καθώς χρησιμοποιείται για την αποφυγή τυχαίας σύγκρουσης κώδικα με τον κωδικό χρήστη.
Ενώ, το πρόθεμα $ μπορεί να χρησιμοποιηθεί για να δηλώσει λειτουργίες γωνιακού πυρήνα (όπως μια μεταβλητή, παράμετρος, ιδιότητα ή μέθοδος).
Ε # 15) Πού μπορούμε να εφαρμόσουμε τον χειρισμό DOM στο AngularJS;
Απάντηση: Ο χειρισμός του DOM είναι σε οδηγίες και εκτός από αυτό δεν πρέπει να υπάρχει στις υπηρεσίες του ελεγκτή ή οπουδήποτε αλλού.
Q # 16) Πώς μπορούμε να δείξουμε ότι μια μεταβλητή εύρους θα πρέπει να έχει μόνο εφάπαξ σύνδεση;
Απάντηση: Για να δείξουμε μια εφάπαξ δέσμευση πρέπει να χρησιμοποιήσουμε ' :: Μπροστά από το πεδίο εφαρμογής.
Q # 17) Τι είναι το SPA (Εφαρμογή μίας σελίδας) στο AngularJS;
Απάντηση: Είναι μια εφαρμογή ιστού που φορτώνει μία μόνο σελίδα HTML και ενημερώνει δυναμικά τη σελίδα καθώς ο χρήστης συνδέεται με την εφαρμογή.
Με τη χρήση AJAX και HTML, μπορεί να δημιουργηθεί ρευστή και αποκριτική εφαρμογή ιστού από το SPA χωρίς αναλλοίωτες επαναφορτώσεις σελίδων. Μέσω αυτού, μπορούμε να κάνουμε διεπαφή χρήστη που αποκρίνεται χωρίς να τρεμοπαίζει η σελίδα.
Ε # 18) Πόσα είδη δεσμεύσεων δεδομένων υπάρχουν στο AngularJS;
Απάντηση: Το AngularJS υποστηρίζει αμφίδρομη και αμφίδρομη σύνδεση.
Με έναν τρόπο δεσμευτικό εάν αλλάξουμε το μοντέλο δεδομένων, τότε δεν θα υπάρξει δυναμική αλλαγή που θα δείτε σε προβολή, αλλά σε αμφίδρομη δέσμευση, θα υπάρχει μια δυναμική αλλαγή κάθε φορά που θα γίνει μια αλλαγή στο μοντέλο δεδομένων.
Q # 19) Ποιες είναι οι δεσμευτικές οδηγίες στο AngularJs;
Απάντηση: Οι δεσμευτικές οδηγίες περιλαμβάνουν:
- ng-δέσιμο
- ng-bind-html
- ng-bind-πρότυπο
- μη δεσμευτή
- μοντέλο ng
Ε # 20) Εξηγήστε τις οδηγίες ng-bind και ng-bind-html.
Απάντηση:
ng-δέσιμο : Είναι μια οδηγία που αντικαθιστά το περιεχόμενο του στοιχείου HTML με την τιμή της εκχωρημένης μεταβλητής ή έκφρασης.
Το περιεχόμενο του στοιχείου HTML θα αλλάξει αλλάζοντας την τιμή της μεταβλητής ή της έκφρασης.
Είναι σαν ({{expression}}) και η σύνταξη για αυτό είναι,
ng-bind-html : Είναι μια οδηγία που συνδέει το περιεχόμενο με το στοιχείο HTML (προβολή) με ασφαλή τρόπο. Η υπηρεσία $ sanitize χρησιμοποιείται για την απολύμανση του περιεχομένου για σύνδεση σε στοιχείο HTML. Για να γίνει αυτό, το «angular-sanitize.js» πρέπει να συμπεριληφθεί στην αίτησή μας.
αντιγράψτε το dvd στον σκληρό δίσκο δωρεάν
Σύνταξη για να το γράψετε,
Ε # 21) Εξηγήστε το ng-bind-template και το ng-non-bindable.
Απάντηση:
ng-bind-πρότυπο : Αντικαθιστά το περιεχόμενο κειμένου του στοιχείου με παρεμβολή του προτύπου. Μπορεί να περιέχει πολλές διπλές σγουρές σημάνσεις.
Μη δεσμευτικό : Καθορίζει το AngularJS να μην μεταγλωττίζει το περιεχόμενο αυτού του στοιχείου HTML και των θυγατρικών του κόμβων.
Q # 22) Εξηγήστε την οδηγία για το μοντέλο ng στο AngularJs.
Απάντηση: Αυτό μπορεί να είναι ένα άλμα με τον προσαρμοσμένο έλεγχο φόρμας εισαγωγής HTML (όπως είσοδος, textarea και select) στα δεδομένα της εφαρμογής. Παρέχει συμπεριφορά επικύρωσης φόρμας με αμφίδρομη δέσμευση.
< input ng-bind='expression' />
Q # 23) Ορίστε τη μέθοδο Factory στο AngularJS.
Απάντηση: Είναι αρκετά παρόμοιο με την υπηρεσία, τα εργοστάσια εφαρμόζουν ένα μοτίβο μονάδας στο οποίο χρησιμοποιούμε μια εργοστασιακή μέθοδο για τη δημιουργία ενός αντικειμένου που χρησιμοποιείται για την κατασκευή μοντέλων.
Σε ένα εργοστάσιο, ένα αντικείμενο μεθόδου επιστρέφεται στο τέλος δημιουργώντας ένα νέο αντικείμενο και προσθέτοντας συναρτήσεις ως ιδιότητες.
Σύνταξη :
module.factory(‘factoryName', function);
Q # 24) Τι είναι η οδηγία ng-repeat στο AngularJS;
Απάντηση: Κάνει ή επαναλαμβάνει μια συλλογή στοιχείων και δημιουργεί στοιχεία DOM. Παρακολουθεί τακτικά την πηγή δεδομένων για την εκ νέου απόδοση ενός προτύπου ως απάντηση σε μια αλλαγή.
Σύνταξη:
{{stu.name}} {{stu. grade}}
Q # 25) Τι είναι ο ελεγκτής στο AngularJS;
Απάντηση: Ένας ελεγκτής είναι μια συνάρτηση JavaScript που συνδέεται με το καθορισμένο πεδίο εφαρμογής. Το Angular δημιουργεί το νέο αντικείμενο ελεγκτή και εισάγει το νέο πεδίο ως εξάρτηση.
Ένας ελεγκτής μπορεί να χρησιμοποιηθεί για τη ρύθμιση της αρχικής κατάστασης του αντικειμένου πεδίου και για την προσθήκη συμπεριφοράς στο αντικείμενο. Ένας ελεγκτής δεν μπορεί να χρησιμοποιηθεί για κοινή χρήση κώδικα ή κατάστασης μεταξύ ελεγκτών, αλλά αντί αυτού μπορεί να χρησιμοποιηθεί υπηρεσία γωνιακής.
Q # 26) Ποια είναι τα φίλτρα στο AngularJS;
Απάντηση: Το κύριο έργο των φίλτρων είναι η τροποποίηση των δεδομένων, έτσι ώστε να μπορούν να συγχωνευτούν σε μια έκφραση ή οδηγία χρησιμοποιώντας έναν χαρακτήρα σωλήνα (χρησιμοποιείται για την εφαρμογή φίλτρων σε ένα γωνιακό σύμβολο ενός σωλήνα που είναι (|) ή αυτό είναι το σύμβολο).
Ένα φίλτρο διαμορφώνει την τιμή μιας έκφρασης για εμφάνιση στον χρήστη. Μπορούν να χρησιμοποιηθούν σε πρότυπα προβολής, ελεγκτές ή υπηρεσίες και μπορούμε επίσης να δημιουργήσουμε εύκολα το δικό μας φίλτρο. Το φίλτρο είναι μια ενότητα που παρέχεται από την AngularJS. Υπάρχουν εννέα συστατικά ενός φίλτρου που παρέχονται από αυτό.
Παραδείγματα: νόμισμα, ημερομηνία, φίλτρο, JSON, limitTo κ.λπ.
Q # 27) Τι είναι η οδηγία ng-App στο AngularJS;
Απάντηση: Χρησιμοποιείται για τον καθορισμό της εφαρμογής AngularJs. Ορίζει το ριζικό στοιχείο της εφαρμογής και διατηρείται κοντά στο ή την ετικέτα.
Μπορούμε να καθορίσουμε οποιονδήποτε αριθμό οδηγιών ng-app μέσα στο έγγραφο HTML, αλλά μόνο μία εφαρμογή AngularJS μπορεί να γίνει αυτόματη εκκίνηση (αυτόματη εκκίνηση) και οι άλλες εφαρμογές πρέπει να είναι χειροκίνητες.
Παράδειγμα:
My first expression: {{157 + 122}}
Q # 28) Τι είναι ο διακόπτης ng στο AngularJS;
Απάντηση: Χρησιμοποιείται για την ανταλλαγή υπό όρους της δομής του DOM σε ένα πρότυπο που βασίζεται σε μια έκφραση που βασίζεται σε εύρος.
Αυτή η οδηγία σάς επιτρέπει να εμφανίσετε ή να αποκρύψετε το στοιχείο HTML ανάλογα με την έκφραση.
Ε # 29) Ποια είναι η χρήση ενός συμβάντος διπλού κλικ στο AngularJs;
Απάντηση: Σας επιτρέπει να καθορίσετε την προσαρμοσμένη συμπεριφορά σε ένα συμβάν διπλού κλικ του ποντικιού σε μια ιστοσελίδα. Μπορούμε να το χρησιμοποιήσουμε (ng-dblclick) ως χαρακτηριστικό του στοιχείου HTML όπως,
...
Q # 30) Τι είναι οι οδηγίες ng-include και ng-click στο AngularJs;
Απάντηση:
ng-συμπεριλάβετε βοηθά να συμπεριλάβετε διαφορετικά αρχεία στην κύρια σελίδα. Η οδηγία ng-include περιλαμβάνει HTML από εξωτερικό αρχείο.
Το περιεχόμενο που περιλαμβάνεται θα συμπεριληφθεί ως θυγατρικοί κόμβοι του καθορισμένου στοιχείου. Η τιμή του χαρακτηριστικού ng-include μπορεί επίσης να είναι μια έκφραση, επιστρέφοντας ένα όνομα αρχείου.
Από προεπιλογή, το συμπεριλαμβανόμενο αρχείο πρέπει να βρίσκεται στον ίδιο τομέα με το έγγραφο.
Το ng-click μπορεί να χρησιμοποιηθεί σε σενάρια όπως όταν κάνετε κλικ σε ένα κουμπί ή όταν θέλετε να κάνετε οποιαδήποτε λειτουργία. Λέει στο AngularJS τι να κάνει όταν κάνετε κλικ σε ένα στοιχείο HTML.
Παράδειγμα:
OK
Ο παραπάνω κώδικας θα αυξήσει τη μεταβλητή καταμέτρησης κατά μία κάθε φορά που πατάτε το κουμπί.
Q # 31) Τι είναι μια αντιπροσωπευτική μεταφορά κατάστασης (REST) στο AngularJs;
Απάντηση: Το REST είναι ένα στυλ API που λειτουργεί μέσω του αιτήματος HTTP.
Η ζητούμενη διεύθυνση URL προσδιορίζει τα δεδομένα προς λειτουργία και η μέθοδος HTTP προσδιορίζει τη λειτουργία που πρόκειται να εκτελεστεί. Το REST είναι ένα στυλ API και όχι μια τυπική προδιαγραφή και υπάρχει πολλή συζήτηση και διαφωνία σχετικά με το τι είναι και δεν είναι RESTful, που είναι ένας όρος που χρησιμοποιείται για να υποδείξει ένα API που ακολουθεί το στυλ REST.
Το AngularJS είναι ευέλικτο σχετικά με τον τρόπο κατανάλωσης των υπηρεσιών διαδικτύου RESTful.
Q # 32) Τι είναι το Global API της AngularJs;
Απάντηση: Είναι ένας συνδυασμός καθολικής λειτουργίας JavaScript που χρησιμοποιείται για την εκτέλεση εργασιών όπως η σύγκριση αντικειμένων, η επανάληψη αντικειμένων και η μετατροπή δεδομένων.
Υπάρχουν μερικές κοινές λειτουργίες API όπως:
- γωνιώδης. πεζά γράμματα: Μετατρέπει μια συμβολοσειρά σε πεζά.
- γωνιώδης. κεφαλαία: Μετατρέπει μια συμβολοσειρά σε κεφαλαία συμβολοσειρά.
- γωνιώδης. isString: Θα επιστρέψει αληθές εάν η τρέχουσα αναφορά είναι συμβολοσειρά.
- γωνιώδης. isNumber: Θα επιστρέψει αληθές εάν η τρέχουσα αναφορά είναι ένας αριθμός.
Q # 33) Τι είναι η μέθοδος παρόχου στα AngularJs;
Απάντηση: Ένας πάροχος είναι ένα αντικείμενο που δημιουργεί ένα αντικείμενο υπηρεσίας επιτρέποντας να πάρει περισσότερο έλεγχο.
Η μέθοδος $ get () χρησιμοποιείται στον πάροχο που επιστρέφει το αντικείμενο υπηρεσίας. Το όνομα υπηρεσίας και η εργοστασιακή συνάρτηση είναι τα ορίσματα που μεταβιβάζονται στη μέθοδο παρόχου. Το AngularJS χρησιμοποιεί το $ παρέχει για την εγγραφή νέων παρόχων.
Σύνταξη:
serviceApp.provider('logService', function ())
Q # 34) Τι είναι ο χειρισμός συμβάντων;
Απάντηση: Ο χειρισμός συμβάντων στο AngularJs είναι πολύ χρήσιμος όταν θέλετε να δημιουργήσετε προηγμένες εφαρμογές AngularJs.
Πρέπει να χειριστούμε τα συμβάντα DOM όπως κλικ του ποντικιού, κινήσεις, πιέσεις πληκτρολογίου, αλλαγή συμβάντων και ούτω καθεξής. Το AngularJs έχει κάποιες οδηγίες ακρόασης όπως ng-click, ng-dbl-click, ng-mousedown, ng-keydown, ng-keyup κ.λπ.
Q # 35) Τι είναι το AngularJs DOM;
Απάντηση: Το AngularJs έχει κάποιες οδηγίες που χρησιμοποιούνται για την ενσωμάτωση δεδομένων εφαρμογής AngularJs σε ένα απενεργοποιημένο χαρακτηριστικό των στοιχείων HTML.
Παράδειγμα: Η εντολή ng-disabled ενσωματώνει τα δεδομένα εφαρμογής στα απενεργοποιημένα χαρακτηριστικά του στοιχείου HTML DOM.
Click Me!
Button
{{ mySwitch }}
Q # 36) Ποια είναι τα χαρακτηριστικά που μπορούν να χρησιμοποιηθούν κατά τη δημιουργία νέων οδηγιών AngularJs;
Απάντηση: Υπάρχουν πολλά χαρακτηριστικά που μπορούν να χρησιμοποιηθούν κατά τη δημιουργία μιας νέας οδηγίας.
Περιλαμβάνουν:
- Πρότυπο: Περιγράφει ένα ενσωματωμένο πρότυπο ως συμβολοσειρά.
- Διεύθυνση URL προτύπου: Αυτό το χαρακτηριστικό καθορίζει τον μεταγλωττιστή HTML AngularJs για να αντικαταστήσει την προσαρμοσμένη οδηγία μέσα σε ένα πρότυπο με το περιεχόμενο HTML που βρίσκεται μέσα σε ένα ξεχωριστό αρχείο.
- Αντικαθιστώ: Αντικαθιστά το τρέχον στοιχείο, εάν η συνθήκη είναι αληθής, εάν ψευδώς προσαρτήσετε αυτήν την οδηγία στο τρέχον στοιχείο.
- Συμπερίληψη: Σας επιτρέπει να μετακινήσετε τα πρωτότυπα παιδιά μιας οδηγίας σε μια τοποθεσία μέσα στο νέο πρότυπο.
- Πεδίο εφαρμογής: Δημιουργεί ένα νέο πεδίο εφαρμογής αυτής της οδηγίας και όχι κληρονομεί το γονικό πεδίο εφαρμογής.
- Ελεγκτής: Δημιουργεί έναν ελεγκτή που δημοσιεύει ένα API για επικοινωνία μεταξύ των οδηγιών.
- Απαιτώ: Απαιτείται να υπάρχει άλλη οδηγία για να λειτουργεί αποτελεσματικά η τρέχουσα οδηγία.
- Σύνδεσμος: Τροποποιεί με αποτέλεσμα παρουσίες στοιχείων DOM, προσθέτει ακροατές συμβάντων και ρυθμίζει τη δέσμευση δεδομένων.
- Συντάσσω: Τροποποιεί το πρότυπο DOM για λειτουργίες σε αντίγραφα μιας οδηγίας, όπως όταν χρησιμοποιείται σε άλλες οδηγίες. Η συνάρτηση μεταγλώττισης μπορεί επίσης να επιστρέψει συναρτήσεις συνδέσμου για να τροποποιήσει τις παρουσίες στοιχείων που προκύπτουν.
Ε # 37) Είναι δυνατοί οι ένθετοι ελεγκτές στο AngularJs;
oracle sql συνεντεύξεις ερωτήσεις και απαντήσεις
Απάντηση: Ναι, είναι δυνατό καθώς οι Ένθετοι Ελεγκτές είναι καλά καθορισμένοι με ταξινομημένο τρόπο κατά τη χρήση μιας προβολής.
Ε 38) Είναι το AngularJS κατάλληλο για όλα τα προγράμματα περιήγησης;
Απάντηση: Ναι, είναι συμβατό με όλα τα προγράμματα περιήγησης όπως τα Safari, Chrome, Mozilla, Opera, IE κ.λπ. καθώς και προγράμματα περιήγησης για κινητά.
Q 39) Ορίστε υπηρεσίες στο AngularJS.
Απάντηση: Οι υπηρεσίες AngularJS είναι τα μοναδικά αντικείμενα ή οι λειτουργίες που χρησιμοποιούνται για την εκτέλεση συγκεκριμένων εργασιών. Περιλαμβάνει ορισμένες εταιρικές ιδέες και αυτοί οι σκοποί μπορούν να ονομαστούν ελεγκτές, οδηγίες, φίλτρα και ούτω καθεξής.
Ερώτηση 40) Εξηγήστε τα πλεονεκτήματα του AngularJS.
Απάντηση: Τα πλεονεκτήματα περιλαμβάνουν:
- Υποστηρίζει φόρμα MVC.
- Οργανώστε δύο τρόπους δέσμευσης δεδομένων χρησιμοποιώντας το AngularJS.
- Υποστηρίζει αμοιβαία επικοινωνία πελάτη-διακομιστή.
- Υποστηρίζει προσομοιώσεις.
Q # 41) Διαφορά μεταξύ υπηρεσιών και εργοστασίου.
Απάντηση: Τα εργοστάσια είναι συναρτήσεις που επιστρέφουν το αντικείμενο, ενώ οι υπηρεσίες είναι κατασκευαστικές συναρτήσεις του αντικειμένου που χρησιμοποιείται από μια νέα λέξη-κλειδί.
Σύνταξη:
Εργοστάσιο - module.factory ('factoryName', συνάρτηση);
Υπηρεσία - module.service ('serviceName', συνάρτηση);
Ε # 42) Εάν και το εργοστάσιο και το σέρβις είναι ισοδύναμα, τότε πότε πρέπει να τα χρησιμοποιήσω;
Απάντηση: Ο εργοδότης προτιμάται να χρησιμοποιεί ένα αντικείμενο, ενώ ένας πάροχος υπηρεσιών προτιμάται να χρησιμοποιεί με κλάση.
Q # 43) Διαφορά μεταξύ AngularJS και React.JS.
Απάντηση: Το AngularJS είναι ένα πλαίσιο JS που βασίζεται στη γλώσσα TypeScript που κυκλοφόρησε τον Οκτώβριο του 2010 από την Google. Είναι ένα εντελώς δωρεάν πλαίσιο και ανοιχτός κώδικας που χρησιμοποιείται σε έργα SPA (δηλ. Έργα εφαρμογής μίας σελίδας).
Το React.JS είναι μια βιβλιοθήκη javascript που αναπτύχθηκε από το Facebook τον Μάρτιο του 2013 για τη δημιουργία διεπαφής χρήστη. Τα στοιχεία του React μπορούν να χρησιμοποιηθούν σε αρκετές σελίδες αλλά όχι ως SPA (π.χ. Εφαρμογή μίας σελίδας).
Q # 44) Διαφορά μεταξύ ng-bind και ng-model οδηγία.
Απάντηση: Η οδηγία ng-bind έχει μονόδρομη δέσμευση δεδομένων, ροές δεδομένων μόνο από αντικείμενο σε διεπαφή χρήστη, όχι αντίστροφα (δηλ. $ εύρος >> προβολή) και η οδηγία μοντέλου ng έχει αμφίδρομη δέσμευση δεδομένων, ροές δεδομένων μεταξύ UI σε αντικείμενο και αντίστροφη αντίστροφα (δηλ. $ εύρος >> προβολή και προβολή >> εύρος $).
Ε # 45) Ποια είναι η διαφορά μεταξύ AJAX και AngularJS;
Απάντηση: Το AJAX σημαίνει ασύγχρονη JavaScript που χρησιμοποιείται για την αποστολή και λήψη απαντήσεων από το διακομιστή χωρίς φόρτωση της σελίδας.
Ενώ, το AngularJS είναι ένα πλαίσιο JavaScript βασισμένο σε γλώσσα γραφής που ακολουθεί το μοτίβο MVC.
Q # 46) Ορίστε ng-if, ng-show και ng-hide.
Απάντηση: Η οδηγία ng-if χρησιμοποιείται σαν ρήτρα που αφαιρεί το στοιχείο HTML εάν η έκφραση γίνει ψευδής.
Σύνταξη
Η οδηγία ng-show χρησιμοποιείται για την εμφάνιση του στοιχείου HTML εάν η έκφραση γίνει αληθινή. Και αν η έκφραση γίνει ψευδής, τότε το στοιχείο HTML θα είναι κρυφό.
Σύνταξη
Η οδηγία ng-hide χρησιμοποιείται για την απόκρυψη του στοιχείου HTML εάν η έκφραση γίνει ψευδής.
Σύνταξη
Τόσο το ng-show όσο και το ng-hide χρησιμοποιούν τη μέθοδο ιδιότητας εμφάνισης.
Q # 47) Ποια είναι η διαφορά μεταξύ ngRoute και ui-router;
Απάντηση: Το ngRoute είναι μια ενότητα που αναπτύχθηκε από την ομάδα angularJS, η οποία ήταν μέρος του βασικού πλαισίου angularJS. Ενώ το ui-router αναπτύχθηκε από μια τρίτη κοινότητα για να ξεπεράσει τα προβλήματα του ngRoute.
Το ngRoute είναι μια δρομολόγηση βάσει τοποθεσίας ή διεύθυνσης URL και ο δρομολογητής ui είναι μια δρομολόγηση που βασίζεται σε κατάσταση που επιτρέπει ένθετες προβολές.
Q # 48) Πώς να ρυθμίσετε, να λάβετε και να διαγράψετε cookie στο AngularJs;
Απάντηση: Το AngularJS διαθέτει μια ενότητα που ονομάζεται ngCookies, οπότε πριν από την ένεση του ngCookies το angular-cookies.js πρέπει να συμπεριλαμβάνεται στην εφαρμογή.
- Ορίστε Cookies - Η μέθοδος Put χρησιμοποιείται για τον ορισμό cookies σε μορφή κλειδιού-τιμής.
$cookies.put(“username”, $scope.username);
- Λήψη Cookies - Η μέθοδος Get χρησιμοποιείται για τη λήψη cookies.
$cookies.get(‘username’);
- Διαγραφή των βοηθητικών αρχείων δεδομένων - Η μέθοδος κατάργησης χρησιμοποιείται για την αφαίρεση των cookies.
$cookies.remove(‘username’);
συμπέρασμα
Είμαι βέβαιος ότι αυτό το άρθρο θα σας βοήθησε να κατανοήσετε τα βασικά και το προχωρημένο επίπεδο του AngularJS.
Αυτό το σύνολο ερωτήσεων και απαντήσεων συνέντευξης στο AngularJS που παρατίθενται εδώ θα σας επιτρέψει να κάνετε μια επιτυχημένη συνέντευξη AngularJS με επιτυχία σε ένα πιο φρέσκο καθώς και σε επίπεδο εμπειρίας. Αυτές είναι οι συχνές ερωτήσεις που τίθενται στις συνεντεύξεις. Αυτα για τωρα.
Αυτό το άρθρο θα σας βοηθήσει να σπάσετε και να αντιμετωπίσετε οποιαδήποτε συνέντευξη που σχετίζεται με το AngularJS !! Ελπίζω να απολαύσατε ολόκληρο το φάσμα των σεμιναρίων σε αυτήν τη σειρά AngularJS !!
Συνιστώμενη ανάγνωση
- Ερωτήσεις και απαντήσεις συνέντευξης
- Ερωτήσεις και απαντήσεις συνέντευξης δοκιμών ETL
- Μερικές δύσκολες μη αυτόματες ερωτήσεις και απαντήσεις
- 25 καλύτερες ερωτήσεις και απαντήσεις συνέντευξης δοκιμών ευκίνητων
- Ερωτήσεις συνέντευξης Spock με απαντήσεις (πιο δημοφιλείς)
- Μερικές ενδιαφέρουσες ερωτήσεις συνέντευξης δοκιμής λογισμικού
- Κορυφαίες ερωτήσεις και απαντήσεις συνέντευξης 20+ .NET
- Κορυφαίες ερωτήσεις και απαντήσεις συνέντευξης Bootstrap 51