75 Ερωτήσεις και απαντήσεις συνέντευξης AngularJS (2024)

Με: Τζέιμς Χάρτμαν Τζέιμς Χάρτμαν
Hours Ενημερώθηκε

Ακολουθούν ερωτήσεις και απαντήσεις συνέντευξης AngularJS για πιο φρέσκους αλλά και έμπειρους υποψηφίους για να πάρουν τη δουλειά των ονείρων τους.

 

AngularJS Συνέντευξη Ερωτήσεις και Απαντήσεις για Freshers

1) Τι είναι το AngularJS;

Το AngularJS είναι ένα JavaΠλαίσιο σεναρίου που χρησιμοποιείται για τη δημιουργία εφαρμογών μεμονωμένης ιστοσελίδας. Σας επιτρέπει να χρησιμοποιείτε την HTML ως γλώσσα προτύπου και σας δίνει τη δυνατότητα να επεκτείνετε τη σύνταξη της HTML για να εκφράσετε καθαρά τα στοιχεία της εφαρμογής σας.

👉 Δωρεάν λήψη PDF: Ερωτήσεις & Απαντήσεις Συνέντευξης AngularJS >>

2) Ποια είναι τα βασικά χαρακτηριστικά του AngularJS;

Τα βασικά χαρακτηριστικά του AngularJS είναι:

  • Έκταση
  • ελεγκτής
  • Μοντέλο
  • Προβολή
  • Υπηρεσίες
  • Δεσμευση Δεδομένων
  • Οδηγιών
  • Φίλτρα
  • Δοκιμάσιμος

3) Εξηγήστε το εύρος της λειτουργίας στο AngularJS

Έκταση αναφέρεται στο μοντέλο εφαρμογής. Λειτουργεί σαν κόλλα μεταξύ του ελεγκτή εφαρμογής και της προβολής. Τα πεδία είναι διατεταγμένα σε μια ιεραρχική δομή και υποδύονται τη δομή DOM (Document Object Model) της εφαρμογής. Μπορεί να παρακολουθεί εκφράσεις και να διαδίδει γεγονότα.

4) Εξηγήστε τις υπηρεσίες στο AngularJS

Οι υπηρεσίες AngularJS είναι τα singleton αντικείμενα ή λειτουργίες που χρησιμοποιούνται για την εκτέλεση συγκεκριμένων εργασιών. Έχει κάποια επιχειρηματική λογική.

5) Τι είναι η γωνιακή έκφραση; Εξηγήστε τη βασική διαφορά μεταξύ γωνιακών παραστάσεων και JavaΕκφράσεις σεναρίου

Αρέσει JavaΣενάριο, Οι γωνιακές εκφράσεις είναι αποσπάσματα κώδικα που συνήθως τοποθετούνται σε δέσμευση όπως {{ έκφραση }}

Η βασική διαφορά μεταξύ των JavaΟι εκφράσεις σεναρίου και οι γωνιακές εκφράσεις είναι:

  • Ιστορικό: Στο Angular, οι εκφράσεις αξιολογούνται σε σχέση με ένα αντικείμενο πεδίου, ενώ το JavaΟι εκφράσεις σεναρίου αξιολογούνται σε σχέση με το καθολικό παράθυρο
  • Επιεικής: Στη γωνιακή έκφραση, η αξιολόγηση είναι συγχωρητική έως μηδενική και απροσδιόριστη, ενώ σε JavaΟι απροσδιόριστες ιδιότητες σεναρίου δημιουργούν TypeError ή ReferenceError
  • Χωρίς δηλώσεις ροής ελέγχου: Οι βρόχοι, οι προϋποθέσεις ή οι εξαιρέσεις δεν μπορούν να χρησιμοποιηθούν σε μια γωνιακή έκφραση
  • Φίλτρα: Μπορείτε να χρησιμοποιήσετε φίλτρα για να μορφοποιήσετε δεδομένα πριν τα εμφανίσετε.

6) Πώς μπορείτε να αρχικοποιήσετε ένα πλαίσιο επιλογής με επιλογές κατά τη φόρτωση σελίδας;

Μπορείτε να αρχικοποιήσετε ένα πλαίσιο επιλογής με επιλογές στη φόρτωση σελίδας χρησιμοποιώντας την οδηγία ng-init.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • On = "! ! λογαριασμούς” ng-init = ” loadData ( ) “>

7) Τι είναι οι οδηγίες; Ονομάστε μερικές από τις πιο συχνά χρησιμοποιούμενες οδηγίες στην εφαρμογή AngularJS

Μια οδηγία είναι κάτι που εισάγει νέα σύνταξη. Είναι σαν δείκτες στο στοιχείο DOM, το οποίο προσδίδει μια ειδική συμπεριφορά σε αυτό. Σε οποιαδήποτε εφαρμογή AngularJS, οι οδηγίες είναι τα πιο σημαντικά στοιχεία.

Μερικές από τις κοινώς χρησιμοποιούμενες οδηγίες είναι:

1) ng-model

2) ng-App

3) ng-bind

4) ng-repeat

5) ng-show

ΣΧΕΤΙΚΑ ΑΡΘΡΑ

8) Πώς λειτουργούν οι διαδρομές Angular JS;

Οι διαδρομές AngularJS σάς επιτρέπουν να δημιουργείτε διαφορετικές διευθύνσεις URL για διαφορετικό περιεχόμενο στην εφαρμογή σας. Διαφορετικές διευθύνσεις URL για διαφορετικό περιεχόμενο επιτρέπουν στον χρήστη να προσθέσει σελιδοδείκτες σε διευθύνσεις URL σε συγκεκριμένο περιεχόμενο. Κάθε τέτοια διεύθυνση URL με δυνατότητα σελιδοδείκτη στο AngularJS ονομάζεται διαδρομή

Μια τιμή στο Angular JS είναι ένα απλό αντικείμενο. Μπορεί να είναι αριθμός, συμβολοσειρά ή JavaΑντικείμενο σεναρίου. Οι τιμές χρησιμοποιούνται συνήθως ως διαμόρφωση που εισάγονται σε εργοστάσια, υπηρεσίες ή ελεγκτές. Μια τιμή πρέπει να ανήκει σε μια λειτουργική μονάδα AngularJS.

Η εισαγωγή μιας τιμής σε μια συνάρτηση ελεγκτή AngularJS γίνεται με την προσθήκη μιας παραμέτρου με το ίδιο όνομα με την τιμή

9) Τι είναι η δέσμευση δεδομένων στο AngularJS;

Ο αυτόματος συγχρονισμός δεδομένων μεταξύ του μοντέλου και των στοιχείων προβολής αναφέρεται ως δέσμευση δεδομένων στο AngularJS. Υπάρχουν δύο τρόποι σύνδεσης δεδομένων

  1. Εξόρυξη δεδομένων σε κλασικά συστήματα προτύπων
  2. Σύνδεση δεδομένων σε γωνιακά πρότυπα

10) Ποια είναι τα οφέλη του AngularJS;

Τα οφέλη του AngularJS είναι:

  • Εγγραφή επανακλήσεων: Δεν χρειάζεται να καταχωρήσετε επανακλήσεις. Αυτό κάνει τον κώδικά σας απλό και εύκολο στον εντοπισμό σφαλμάτων.
  • Έλεγχος HTML DOM μέσω προγραμματισμού: Οι εφαρμογές που δημιουργούνται με χρήση Angular δεν απαιτούνται για χειρισμό του DOM.
  • Μεταφορά δεδομένων από και προς τη διεπαφή χρήστη: Το AngularJS βοηθά στην εξάλειψη σχεδόν όλης της πλάκας λέβητα. Μπορεί να επικυρώσει τη φόρμα, να εμφανίσει σφάλματα, να επιστρέψει σε ένα εσωτερικό μοντέλο και ούτω καθεξής.
  • Χωρίς κωδικό προετοιμασίας: Με το AngularJS, μπορείτε να κάνετε bootstrap της εφαρμογής σας εύκολα. Μπορείτε να χρησιμοποιήσετε υπηρεσίες αυτόματης ένεσης στην εφαρμογή σας στο Guice.

11) Τι είναι η παρεμβολή συμβολοσειρών στο Angular.JS;

Στο Angular.js, ο μεταγλωττιστής κατά τη διαδικασία μεταγλώττισης αντιστοιχίζει κείμενο και χαρακτηριστικά. Χρησιμοποιεί την υπηρεσία παρεμβολής για να δει αν περιέχουν ενσωματωμένες εκφράσεις. Ως μέρος του κανονικού κύκλου πέψης, αυτές οι εκφράσεις ενημερώνονται και καταχωρούνται ως ρολόγια.

12) Ποια είναι τα βήματα για τη διαδικασία μεταγλώττισης του HTML;

Η μεταγλώττιση της διαδικασίας HTML γίνεται με τους ακόλουθους τρόπους

  • Χρησιμοποιώντας το τυπικό API του προγράμματος περιήγησης, πρώτα, το HTML αναλύεται σε DOM
  • Χρησιμοποιώντας την κλήση προς το $compile () μέθοδο, πραγματοποιείται μια μεταγλώττιση του DOM. Η μέθοδος διασχίζει το DOM και ταιριάζει με τις οδηγίες.
  • Συνδέστε το πρότυπο με ένα εύρος καλώντας τη συνάρτηση σύνδεσης που επιστράφηκε από το προηγούμενο βήμα

13) Εξηγήστε τις οδηγίες και τα είδη τους

Κατά τη διαδικασία μεταγλώττισης, όταν ενεργοποιείται μια συγκεκριμένη συνάρτηση HTML, αναφέρεται ως οδηγία. Εκτελείται όταν ο μεταγλωττιστής το συναντήσει στο DOM.

Οι διάφοροι τύποι οδηγιών είναι:

1) Οδηγίες στοιχείων

2) Οδηγίες χαρακτηριστικών

3) Οδηγίες κλάσης CSS

4) Οδηγίες σχολίων.

14) Εξηγήστε τη συνάρτηση σύνδεσης και τους τύπους της

Το Link συνδυάζει τις οδηγίες με ένα πεδίο εφαρμογής και παράγει μια ζωντανή προβολή. Για την εγγραφή ακροατών DOM καθώς και για την ενημέρωση του DOM, είναι υπεύθυνη η λειτουργία σύνδεσης. Αφού κλωνοποιηθεί το πρότυπο, εκτελείται.

  • Λειτουργία προσύνδεσης: Η λειτουργία προ-σύνδεσης εκτελείται πριν συνδεθούν τα θυγατρικά στοιχεία. Δεν θεωρείται ασφαλής τρόπος για μετασχηματισμό DOM.
  • Λειτουργία σύνδεσης αναρτήσεων: Η λειτουργία σύνδεσης ανάρτησης εκτελείται αφού συνδεθούν τα θυγατρικά στοιχεία. Είναι ασφαλές να κάνετε μετασχηματισμό DOM με λειτουργία μετα-σύνδεσης

15) Εξηγήστε το injector στο AngularJS

Ένας εγχυτήρας είναι ένας εντοπιστής υπηρεσίας. Χρησιμοποιείται για την ανάκτηση παρουσιών αντικειμένων όπως ορίζονται από τον πάροχο, τους τύπους στιγμιότυπου, τις μεθόδους επίκλησης και τη φόρτωση λειτουργικών μονάδων. Υπάρχει ένας μόνο εγχυτήρας ανά εφαρμογή Angular, βοηθά στην αναζήτηση ενός στιγμιότυπου αντικειμένου με το όνομά του.

16) Ποια είναι η κύρια διαφορά μεταξύ συνδέσμου και μεταγλώττισης στο Angular.js;

  • Συνάρτηση μεταγλώττισης: Χρησιμοποιείται για χειρισμό DOM προτύπων και συλλέγει όλες τις οδηγίες.
  • Λειτουργία συνδέσμου: Χρησιμοποιείται για την καταχώρηση ακροατών DOM καθώς και για παράδειγμα, για χειρισμό DOM. Εκτελείται μόλις κλωνοποιηθεί το πρότυπο.

17) Ποια είναι η εργοστασιακή λειτουργία στο AngularJS;

Για τη δημιουργία της οδηγίας, χρησιμοποιείται η εργοστασιακή μέθοδος. Επικαλείται μόνο μία φορά όταν ο μεταγλωττιστής ταιριάζει με την οδηγία για πρώτη φορά. Χρησιμοποιώντας το $injector.invoke καλείται η εργοστασιακή μέθοδος.

18) Εξηγήστε τη φόρμα στυλ που προσθέτει το ngModel στις κλάσεις CSS

Το NgModel προσθέτει αυτές τις κλάσεις CSS για να επιτρέψει το στυλ της φόρμας. Οι κατηγορίες επικύρωσης του AngularJS είναι:

  1. ng- έγκυρο
  2. ng- άκυρο
  3. ng-παρθένα
  4. ng-βρώμικο

19) Ποια είναι τα χαρακτηριστικά του «Πεδίο εφαρμογής»;

  • Τα πεδία μεταλλάξεων μοντέλων παρατηρητή παρέχουν API ($watch)
  • Για τη διάδοση οποιωνδήποτε αλλαγών μοντέλου μέσω του συστήματος στην όψη έξω από το γωνιακό βασίλειο
  • Ένα πεδίο κληρονομεί ιδιότητες από το μητρικό του εύρος, ενώ παρέχει πρόσβαση σε κοινόχρηστες ιδιότητες μοντέλου, τα πεδία μπορούν να ενσωματωθούν για την απομόνωση στοιχείων εφαρμογής
  • Το Scope παρέχει το πλαίσιο βάσει του οποίου αξιολογούνται οι εκφράσεις

20) Τι είναι το DI (Dependency Injection) και πώς ένα αντικείμενο ή συνάρτηση μπορεί να καταλάβει τις εξαρτήσεις του;

Το DI ή το Dependency Injection είναι ένα μοτίβο σχεδιασμού λογισμικού που ασχολείται με τον τρόπο με τον οποίο ο κώδικας κρατά τις εξαρτήσεις του. Προκειμένου να ανακτηθούν στοιχεία της εφαρμογής που απαιτείται να διαμορφωθούν κατά τη φόρτωση της μονάδας, η λειτουργία "config" χρησιμοποιεί την ένεση εξάρτησης.

Αυτοί είναι οι τρόποι που χρησιμοποιεί το αντικείμενο για να διατηρήσει τις εξαρτήσεις του

  • Συνήθως χρησιμοποιώντας τον νέο τελεστή, μπορεί να δημιουργηθεί εξάρτηση
  • Ανατρέχοντας σε μια καθολική μεταβλητή, η εξάρτηση μπορεί να αναζητηθεί
  • Η εξάρτηση μπορεί να περάσει όπου απαιτείται

Ερωτήσεις και απαντήσεις συνέντευξης AngularJS για έμπειρους επαγγελματίες

21) Εξηγήστε την έννοια της ιεραρχίας πεδίου

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

22) Εξηγήστε την κύρια διαφορά μεταξύ AngularJS και backbone.js

AngularJS ραχοκοκαλιά.js
AngularJS είναι ένα JavaΠλαίσιο ανοιχτού κώδικα που βασίζεται σε σενάρια και έχει σχεδιαστεί για να υποστηρίζει δυναμικές εφαρμογές Ιστού. Το backbone.js είναι ένα πλαίσιο που αφαιρεί το DOM σε προβολές και τα δεδομένα σε μοντέλα και στη συνέχεια δεσμεύει και τα δύο χρησιμοποιώντας συμβάντα.
Η απόδοσή του είναι καλή καθώς παρέχει αμφίδρομη διαδικασία δέσμευσης δεδομένων Η τεχνολογία Backbone.js προσφέρει ταχύτερη απόδοση από το AngularJS εάν τα σύνολα δεδομένων είναι μικρά
Λειτουργεί σε MVS (Πολλαπλή εικονική αποθήκευση). Λειτουργεί σε αρχιτεκτονική MVP.
Το AngularJS χρησιμοποιεί δυναμικό χαρακτηριστικό HTML για να διευκολύνει την κατανόηση της εφαρμογής. Το Backbone.js χρησιμοποιεί πρότυπα υπογράμμισης για να κατανοήσει την εφαρμογή.
Έχει μεγάλη κοινοτική υποστήριξη. Η κοινοτική υποστήριξη περιορίζεται στο πρότυπο υπογράμμισης.

23) Ποιος δημιούργησε το Angular JS;

Το AngularJS αναπτύχθηκε από τους Adam Abrons και Misko Hevery. Επί του παρόντος, αναπτύσσεται από την Google.

24) Πώς μπορείτε να ενσωματώσετε το AngularJS με HTML;

Οι προγραμματιστές μπορούν να ακολουθήσουν τα ακόλουθα βήματα για να ενσωματώσουν το AngularJS με HTML:

Βήμα 1: συμπεριλαμβανομένου του AngularJS JavaΣενάριο σε σελίδα html.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

Βήμα 2: Επισημάνετε την εφαρμογή AngularJS.

Πρέπει να προσθέσετε το χαρακτηριστικό ng-app μέσα στην ετικέτα σώματος HTML για να πείτε ποιο μέρος της εφαρμογής HTML AngularJS έχει όπως φαίνεται στο ακόλουθο παράδειγμα:

<body ng-app = "testapp">
</body>

25) Τι είναι το orderby filter στο AngularJS;

Το φίλτρο Orderby στο AngularJS παραγγέλνει τον πίνακα με βάση καθορισμένα κριτήρια. Το παρακάτω παράδειγμα αναφέρει πώς μπορείτε να παραγγείλετε το προϊόν ανά τιμή.

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

26) Τι είναι το ng-non-bindable στο AngularJS;

Το Ng-non-bindable καθορίζει το AngularJs να μην μεταγλωττίζει το στοιχείο HTML και τους θυγατρικούς κόμβους του. Για παράδειγμα:

<title ng-non-bindable > </title>

27) Εξηγήστε τη χρήση του συμβάντος διπλού κλικ στο AngularJS

συμβάν διπλού κλικ του AgularJS σάς επιτρέπει να καθορίσετε προσαρμοσμένη συμπεριφορά στο συμβάν διπλού κλικ του ποντικιού σε μια ιστοσελίδα όπως:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) Εξηγήστε τις οδηγίες ng-click στο AngularJS με παράδειγμα

Οι οδηγίες Ng-click μπορούν να χρησιμοποιηθούν σε ένα σενάριο όταν πρέπει να κάνετε κλικ στο κουμπί ή θέλετε να εκτελέσετε οποιαδήποτε λειτουργία.

Παράδειγμα:

<button ng-click="count = count ++">Click</button>

29) Γιατί να χρησιμοποιήσετε το ng-include στο AngularJS;

Το Ng-include στο AngularJS σάς βοηθά να ενσωματώνετε σελίδες HTML σε μία μόνο σελίδα HTML. Παράδειγμα:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) Πώς μπορείτε να πραγματοποιήσετε μια κλήση ajax χρησιμοποιώντας το Angular JS;

Το AngularJS προσφέρει έλεγχο $https: που σας βοηθά να πραγματοποιήσετε κλήση ajax για ανάγνωση δεδομένων διακομιστή. Ο διακομιστής πραγματοποιεί μια κλήση βάσης δεδομένων για να λάβει τις απαιτούμενες εγγραφές. Μόλις τα δεδομένα σας σε μορφή JSON είναι έτοιμα, μπορείτε να χρησιμοποιήσετε το $https: για να ανακτήσετε δεδομένα από τον διακομιστή με τον ακόλουθο τρόπο:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) Εξηγήστε τη χρήση του $routeProvider

Στο Angular JS, το $routeProvider ορίζει τη διαμόρφωση διεύθυνσης URL. Αντιστοιχίζεται με το σχετικό ng-template ή σελίδα HTML και επισυνάπτει έναν ελεγκτή με το ίδιο.

32) Πώς μπορείτε να ορίσετε, να λάβετε και να διαγράψετε cookies στο AngularJS;

Μπορείτε να χρησιμοποιήσετε:

  • Μέθοδος $cookies.put() για να ορίσετε τα cookies.
  • Μέθοδος $cookies.get() για να λάβετε τα cookies.
  • $cookies.remove για να αφαιρέσετε τα cookies στο AngularJS.

33) Τι είναι η μέθοδος εξυπηρέτησης;

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

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) Ονομάστε τα στοιχεία AngularJS που μπορούν να εγχυθούν ως εξάρτηση

Τα στοιχεία AngularJS που μπορούν να εγχυθούν ως εξάρτηση είναι: 1) τιμή, 2) εργοστασιακό, 3) υπηρεσία, 4) πάροχος, 5) σταθερή.

35) Ποιες είναι οι κοινές συναρτήσεις Angular Global API

Μερικές συνήθως χρησιμοποιούμενες λειτουργίες Angular Global API είναι:

  • Angular.isString: Θα επιστρέψει true μόνο εάν η δεδομένη αναφορά είναι τύπου string.
  • Angular.πεζά: Μετατρέπει οποιαδήποτε συμβολοσειρά σε πεζά
  • Angular.uppercase: Μετατρέπει οποιαδήποτε συμβολοσειρά σε κεφαλαία.
  • Angular.isNumber: Επιστρέφει true μόνο εάν η αναφορά είναι αριθμητική τιμή ή αριθμός.

36) Γράψτε ένα πρόγραμμα για την απόκρυψη μιας ετικέτας HTML με ένα μόνο κλικ στο γωνιακό κουμπί

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) Τι είναι το BOM (Browser Object Model);

Το BOM ή το μοντέλο αντικειμένου προγράμματος περιήγησης αποτελείται από ιστορικό, πρόγραμμα πλοήγησης αντικειμένων, τοποθεσία οθόνης κ.λπ. Καθορίζει τα καθολικά αντικείμενα του προγράμματος περιήγησης, όπως η κονσόλα, η τοπική αποθήκευση και το παράθυρο.

38) Εξηγήστε το "$rootScope" στο AngularJS

Το "$rootScope" είναι ένα εύρος που δημιουργείται στο στοιχείο DOM (Document Object Model).

Μια εφαρμογή μπορεί να έχει μόνο ένα $rootScope που μοιράζεται, μεταξύ άλλων στοιχείων. Έχει την οδηγία ng-app. Άλλα πεδία ονομάζονται ως θυγατρικό πεδίο εφαρμογής. Μπορεί να παρακολουθεί εκφράσεις καθώς και να διαδίδει γεγονότα.

39) Δώστε ένα παράδειγμα ng-view στο Angular

Εξετάστε το ακόλουθο παράδειγμα:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) Ποια είναι η σύνταξη της εργοστασιακής μεθόδου στο AngularJS;

Η σύνταξη του Factory είναι η εξής:

app.factory('serviceName',function(){ return serviceObj;})

41) Ονομάστε διαφορετικές φάσεις του κύκλου ζωής του AngularJS Scope.

Ακολουθούν οι διάφορες φάσεις του κύκλου ζωής του AngularJS Scope:

  • Δημιουργία
  • Μοντέλο μετάλλαξη
  • Εγγραφή παρατηρητή
  • Παρατήρηση μετάλλαξης
  • Καταστροφή πεδίου

42) Γράψτε ένα πρόγραμμα για τη διαδικασία εκκίνησης στο Angular

Το πρόγραμμα για την εκκίνηση της διαδικασίας στο Angular είναι:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) Τι είναι μια εφαρμογή μιας σελίδας στο AngularJS;

Το SPA ή η εφαρμογή μιας σελίδας είναι ένας ιστότοπος ή μια διαδικτυακή εφαρμογή που αλληλεπιδρά δυναμικά με τους χρήστες. Στο AngularJS, JavaΤο σενάριο, το HTML και το CSS ταιριάζουν σε μία μόνο σελίδα. Εκτελεί πλοήγηση χωρίς να ανανεώνει ολόκληρη τη σελίδα HTML.

44) Εξηγήστε την έννοια του webpack

Το Webpack είναι ένα πακέτο λειτουργιών για Angular2 ή νεότερη έκδοση. Συγκεντρώνει, μετατρέπει και ελαχιστοποιεί την εφαρμογή AngularJS.

45) Τι εννοείτε με τον όρο NPM;

Το NPM σημαίνει Node Package Manager. Αποτελείται από έναν πελάτη εργαλείου γραμμής εντολών για αλληλεπίδραση με το αποθετήριο του έργου Node.js.

46) Πώς μπορείτε να δημιουργήσετε ένα νέο έργο στο angularJS χρησιμοποιώντας τη διεπαφή γραμμής εντολών;

Μόλις εγκαταστήσετε τη διεπαφή γραμμής εντολών Angular, πρέπει να εκτελέσετε την εντολή νέας ονόματος έργου για να δημιουργήσετε ένα νέο έργο στο Angular.

47) Εξηγήστε τη διαδικασία αυτόματης εκκίνησης στο AngularJS

Το Angular προετοιμάζει αυτόματα το συμβάν DOMContentLoaded ή όταν κάνετε λήψη του σεναρίου angular.js είναι στο πρόγραμμα περιήγησης.

Μετά από αυτό, το AngularJS βρίσκει την οδηγία ng-app που είναι η ρίζα της γωνιακής μεταγλώττισης εφαρμογών. Όταν βρεθεί η οδηγία ng-app, το AngularJS κάνει τα ακόλουθα βήματα:

1) φορτώστε τη μονάδα, η οποία σχετίζεται με την οδηγία,

2) Δημιουργία εφαρμογής έγχυσης,

3) Μεταγλωττίστε το DOM από το ριζικό στοιχείο ng-app. Αυτή η διαδικασία είναι γνωστή ως αυτόματη εκκίνηση.

48) Τι είναι οι εκφράσεις συνάρτησης που καλούνται αμέσως;

Τα IIFE ή οι εκφράσεις συνάρτησης που καλούνται αμέσως είναι μια συνάρτηση που εκτελείται αμέσως μόλις δημιουργηθεί. Προσφέρει έναν απλό τρόπο απομόνωσης της δήλωσης μεταβλητής. Τα IIFE περιλαμβάνουν δύο κύριες λειτουργίες:

1) χειριστής()

2) έκφραση ()

49) Τι είναι ο κύκλος πέψης στο AngularJS;

Ο κύκλος σύνοψης είναι σημαντικό μέρος της σύνδεσης δεδομένων στο AngularJS, το οποίο συγκρίνει την παλιά και τη νέα έκδοση του μοντέλου εμβέλειας. Ο κύκλος σύνοψης ενεργοποιείται αυτόματα ή μη αυτόματα χρησιμοποιώντας τη συνάρτηση $apply().

50) Ποια είναι η βασική προϋπόθεση για να εργαστείτε με το AngularJS;

Πρέπει να κατεβάσετε την πιο πρόσφατη έκδοση του AngularJS από το AngularJS.com για να μάθετε ή να εργαστείτε με το AngularJS. Μπορείτε είτε να χρειαστείτε ένα αρχείο JS και να το φιλοξενήσετε τοπικά είτε μπορείτε επίσης να χρησιμοποιήσετε το google CDN (Δίκτυο παράδοσης περιεχομένου) για να το αναφέρετε.

51) Μπορούμε να δημιουργήσουμε ένθετους ελεγκτές στο AngularJS;

Ναι, μπορούμε να δημιουργήσουμε έναν ένθετο ελεγκτή στο AngularJS.

Παράδειγμα ένθετου ελεγκτή είναι το εξής:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) Τι είναι ο έλεγχος ταυτότητας;

Ο έλεγχος ταυτότητας είναι μια υπηρεσία που χρησιμοποιείται για τη σύνδεση και την αποσύνδεση από την εφαρμογή Angular. Τα διαπιστευτήρια των χρηστών περνούν στο API του διακομιστή. Στη συνέχεια, μετά την επικύρωση αυτών των διαπιστευτηρίων από την πλευρά του διακομιστή, επιστρέφεται JSON Web Token, το οποίο ως λεπτομέρεια για τον τρέχοντα χρήστη.

53) Ορίστε το υλικό AngularJS

Το AngularJS Material είναι μια υλοποίηση των Προδιαγραφών Σχεδιασμού Υλικού της Google. Προσφέρει ένα σύνολο καλά δοκιμασμένων, επαναχρησιμοποιήσιμων στοιχείων διεπαφής χρήστη για προγραμματιστή AngularJS.

54) Ποιες είναι οι σημαντικές διαφορές μεταξύ του Angular 7 και του Angular 8

Γωνιακό 7 Γωνιακό 8
Το Angular 7 είναι δύσκολο στη χρήση Το Angular 8 είναι πολύ εύκολο στη χρήση
Παρέχει υποστήριξη για την κατώτερη έκδοση της γλώσσας προγραμματισμού Typescript 3.4 Δεν παρέχει υποστήριξη για την κατώτερη έκδοση της γλώσσας προγραμματισμού Typescript 3.4
Υποστηρίζει όλες τις εκδόσεις του Node.js Υποστηρίζει μόνο την έκδοση Node.js 12.

55) Τι είναι το ngzone;

Η ngzone είναι α JavaΚλάση περιτυλίγματος δέσμης ενεργειών που συμβολίζεται με Zone.js. Επιτρέπει στους προγραμματιστές να εκτελούν ρητά συγκεκριμένο κώδικα εκτός της ζώνης του Angular, ο οποίος εμποδίζει το angular να εκτελέσει οποιαδήποτε ανίχνευση αλλαγών.

56) Καταγράψτε τη διαφορά μεταξύ Angular Component και Directive

Συστατικό Οδηγία
Το Angular component είναι μια οδηγία που σας δίνει τη δυνατότητα να χρησιμοποιήσετε τη λειτουργικότητα του στοιχείου web σε όλη την εφαρμογή. Η γωνιακή οδηγία είναι μια τεχνική με την οποία προσδίδουμε συμπεριφορά στα στοιχεία.
Σας βοηθά να χωρίσετε την εφαρμογή σας σε μικρότερα στοιχεία. Σας βοηθά να σχεδιάσετε τα επαναχρησιμοποιήσιμα εξαρτήματα.
Μπορεί να ορίσει σωλήνες Δεν μπορεί να ορίσει σωλήνες.

57) Ορίστε το ECMAScript

Το ECMAScript (European Computer Manufactur's Association) είναι ένα πρότυπο για τις γλώσσες δέσμης ενεργειών. JavaΗ δέσμη ενεργειών χρησιμοποιεί την ECMAScript ως βασική γλώσσα. Οι προγραμματιστές μπορούν να το βοηθήσουν για τη σύνταξη δέσμης ενεργειών από την πλευρά του πελάτη στον παγκόσμιο ιστό ή σε εφαρμογές και υπηρεσίες διακομιστή. Το ECMAScript έχει πολλά χαρακτηριστικά όπως λειτουργικά, πρωτότυπα, δυναμικά και δομημένα χαρακτηριστικά.

58) Τι είναι ο Traceur Compiler;

Traceur είναι α JavaΜεταγλωττιστής σεναρίων που χρησιμοποιεί κλάσεις, γεννήτριες και άλλες δυνατότητες από το ECMAScript.

59) Πώς να μετατρέψετε μια συμβολοσειρά σε νόμισμα;

Μπορείτε να μετατρέψετε την είσοδο συμβολοσειράς στο φίλτρο νομίσματος τύπου νομίσματος στο Angular.

60) Τι είναι τα πρότυπα στο AngularJS;

Ένα πρότυπο είναι αρχείο HTML που χρησιμοποιείται με οδηγίες και χαρακτηριστικά AngularJs.

61) Εξηγήστε τις διαφορές μεταξύ Angular και jQuery

AngularJS JQuery
Το AngularJs είναι δύσκολο να κατανοηθεί Το Jquery είναι πολύ εύκολο να κατανοηθεί.
Υποστηρίζει αμφίδρομη διαδικασία δέσμευσης Δεν υποστηρίζει τη διαδικασία δέσμευσης δεδομένων
Παρέχει υποστήριξη για δρομολόγηση βαθιάς σύνδεσης Δεν παρέχει υποστήριξη για δρομολόγηση σύνδεσης σε βάθος

62) Τι είναι το Ahead of Time Compilation;

Το Angular AOT (Ahead of Time) είναι ένας μεταγλωττιστής που μετατρέπει το γωνιακό HTML και τον κώδικα πληκτρολόγησης σε JavaΚωδικός σεναρίου.

63) Καταγράψτε τους τύπους φίλτρων στο AngularJS

Οι τύποι φίλτρων που χρησιμοποιούνται στο AngularJS είναι: 1) Νόμισμα, 2) Κεφαλαία, 3) Πεζά, 4) orderBy, 5) JSON και 6) limitTo.

64) Εξηγήστε τη συνάρτηση ngOnInit ().

Η συνάρτηση ngOnInit () είναι ένα άγκιστρο κύκλου ζωής που καλείται μετά την ολοκλήρωση των ιδιοτήτων δεσμευμένων δεδομένων της οδηγίας.

65) Τι είναι η συμπερίληψη στο AngularJS;

Η ενσωμάτωση στο AngulaJS δίνει τη δυνατότητα στους προγραμματιστές να ανακατανείμουν τα παιδιά της αρχικής οδηγίας σε μια συγκεκριμένη τοποθεσία μέσα σε ένα πρότυπο. Η οδηγία ng δείχνει το σημείο εισαγωγής για ένα αποκλειόμενο DOM της πλησιέστερης μητρικής οδηγίας, η οποία χρησιμοποιεί τη συμπερίληψη. Οι οδηγίες Ng-transclude-slot ή ng-transclude χρησιμοποιούνται κυρίως για τη συμπερίληψη.

66) Τα αναμμένα άγκιστρα είναι διαθέσιμα στο AngularJS

Διάφορα hook στο AngularJS είναι:

1) ngOnInit()

2) ngOnChanges(),

3) ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6) ngOnDestroy(),

7) ngAfterViewChecked(), και

8) ngAfterViewInit()

67) Ποια είναι τα σημαντικά μέρη των μεταδεδομένων AngularJS;

Τα μεταδεδομένα AngularJS χρησιμοποιούνται για τη διακόσμηση μιας κλάσης που απεικονίζει την αναμενόμενη συμπεριφορά μιας συγκεκριμένης κλάσης. Διάφορα μέρη των μεταδεδομένων είναι: 1) διακοσμητής τάξης, 2) Διακοσμητές μεθόδων, διακοσμητές παραμέτρων και 4) διακοσμητές ιδιοκτησίας.

68) Τι είναι το Angular CLI;

Το Angular CLI ονομάζεται επίσης εργαλείο διεπαφής γραμμής εντολών. Χρησιμοποιείται για τη δημιουργία, την προετοιμασία και τη συντήρηση εφαρμογών Angular. Το λογισμικό CLI μπορεί να χρησιμοποιηθεί μέσω πολύ διαδραστικής διεπαφής χρήστη, όπως ένα κέλυφος εντολών ή η γωνιακή κονσόλα.

69) Εξηγήστε τον παραμετροποιημένο σωλήνα στο AngularJS

Στο angularJS, οι σωλήνες μπορούν να έχουν περισσότερες από μία παραμέτρους για να συντονίσουν τη λεπτή έξοδο. Μπορείτε να δημιουργήσετε έναν παραμετροποιημένο σωλήνα δηλώνοντας τον σωλήνα με άνω και κάτω τελεία(:) και τιμές παραμέτρου. Ο προγραμματιστής μπορεί να διαχωρίσει πολλές τιμές παραμέτρων με άνω και κάτω τελεία(:).

70) Τι είναι η δρομολόγηση;

Η δρομολόγηση είναι μια μέθοδος συγχώνευσης διαφόρων προβολών. Ο ελεγκτής λαμβάνει την απόφαση να συνδυάσει αυτές τις απόψεις ανάλογα με τις λογικές ανάγκες.

71) Τι εννοείτε με τον όρο δοκιμές μεμονωμένων μονάδων;

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

72) Ονομάστε τις λειτουργίες κίνησης DSL στο AngularJS

Οι συναρτήσεις κίνησης DSL στο AngularJS είναι: 1) group(), 2) state(), 3) transition(), 4) style(), 5) keyframes(), 6) trigger(), 7) sequence() και 8) animate().

73) Τι είναι η ενότητα AngularJS;

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

74) Τι είναι οι σωλήνες στο AngularJs;

Στο γωνιακό, οι σωλήνες παρέχουν μια απλή μέθοδο μετατροπής των δεδομένων. Λαμβάνει τις τιμές όπως πίνακες, ακέραιους αριθμούς, δεδομένα και συμβολοσειρές ως είσοδο και διαιρείται με το σύμβολο σωλήνα (|). Μετατρέπει τα δεδομένα στην απαιτούμενη μορφή. Το Pipes εμφανίζει το ίδιο πράγμα στο πρόγραμμα περιήγησης. Στο angularJS, παρέχει μερικούς ενσωματωμένους σωλήνες, αλλά οι προγραμματιστές μπορούν επίσης να αναπτύξουν τους δικούς τους σωλήνες.

75) Εξηγήστε το ViewEncapsulation στο AngularJS

Το ViewEncapsulation καθορίζει εάν τα στυλ που ορίζονται στο στοιχείο AngularJS θα επηρεάσουν ολόκληρη την εφαρμογή ή όχι.

Προετοιμασία για τη συνέντευξη εργασίας σας!!! Περάσουν από Εκμάθηση AngularJS για να είμαστε καλύτερα προετοιμασμένοι.

Αυτό το λεπτομερές AngularJS Mock Test θα σας βοηθήσει να ξεκαθαρίσετε τις αμφιβολίες σχετικά με τις ερωτήσεις συνέντευξης AngularJS και θα σας βοηθήσει επίσης να διακόψετε τη συνέντευξη.


Αυτές οι ερωτήσεις συνέντευξης θα βοηθήσουν επίσης στο viva (προφορικά) σας

Μπορεί να σας αρέσει: