Questions d’entretiens AngularJS

juin 12, 2020juin 12, 2020 Thomas Aucun commentaire correction, corrigé, entretien, pdf, QCM, question, réponse, test recrutement, Test technique

Questions sur AngularJS avec des réponses pour la préparation des entretiens d’embauche, des tests en ligne, aux examens et aux certifications. Ces questions et réponses sur AngularJS comprennent divers sujets. Et sont tirés d’un vrai entretien écrit et certaines parties sont en direct. Cette méthode d’apprentissage systématique préparera facilement toute personne pour réussir son test sur AngularJS.

Préparez-vous avec cette liste de questions fréquemment posées sur « AngularJS » afin de pouvoir y répondre en toute confiance.

1. Qu’est-ce que AngularJS?

AngularJS est un framework JavaScript utilisé pour créer des application web monopage. Il vous permet d’utiliser HTML comme langage de template et vous permet d’étendre la syntaxe HTML pour exprimer clairement les composants de votre application.

2. Quelles sont les principales fonctionnalités d’AngularJS?

Les principales caractéristiques d’AngularJS sont:

Model
View
Controller
Scope
Services
Directives
Filters
Data Binding
Testable

3. Expliquer la fonction Scope dans AngularJS

Scope fait référence au modèle d’application. Il agit comme un intermédiaire entre le contrôleur d’application et la vue. Scopes sont organisées selon une structure hiérarchique et usurpent l’identité de la structure DOM (Document Object Model) de l’application. Il peut traiter des expressions et propager des événements.

4. Expliquez MVC en référence à Angular?

AngularJs est un framework basé sur MVC, où le Model d’un contrôleur contient des données, le contrôleur d’une View contient la logique pour manipuler ces données et View est le code HTML qui affiche les données.

Un $scope peut être considéré comme Model, tandis que les fonctions écrites dans le contrôleur Angular modifient le $scope et le HTML affiche la valeur de la variable scope.

5. Peut-il y avoir deux ng-app pour une seule application Angular ?

Non, il ne peut y avoir plus d’une ng-app pour une seule application AngularJS.
La directive ng-app transmet à l’application AngularJS qu’il s’agit de l’élément racine. Dans votre document HTML, vous ne pouvez avoir qu’une seule directive ng-app. Dans le cas de plusieurs directives ng-app, la première sera utilisée.

6. Nommez quelques filtres Angular intégrés?

Currency, lowercase, uppercase, number, date sont quelques filtres angulaires intégrés.

7. A quoi sert $rootScope?

$rootScope aide à la communication entre les différents contrôleurs d’une application. AngularJS ne peut avoir qu’un seul rootScope pour une application.

8. A quoi sert $watch ?

Le but de $watch est de garder une trace de l’ancienne et de la nouvelle valeur d’une expression. Vous trouverez ci-dessous le code d’utilisation de $watch.

$scope.$watch("checkName", function (newValue, oldValue) {
	console.log("La valeur est changée : ", newValue);
});

9. Expliquez le concept de webpack

Webpack est un bundle de modules pour Angular2. Il regroupe, transpile et minimise une application AngularJS.

10. Comment pouvez-vous créer un nouveau projet dans angularJS en utilisant l’interface de ligne de commande?

Une fois que vous avez installé l’interface en ligne de commande Angular (Angular-Cli), vous devez exécuter la commande ng new project-name afin de créer un nouveau projet dans Angular.

11. Quelle est la condition de base pour utiliser AngularJS?

Vous devez télécharger la dernière version d’AngularJS sur AngularJS.com pour utiliser AngularJS. Vous pouvez soit avoir le fichier JS hébergé localement, soit utiliser Google CDN (Content Delivery Network) pour le référencer.

12. Pouvons-nous créer des contrôleurs imbriqués dans AngularJS?

Oui, nous pouvons créer un contrôleur imbriqué dans AngularJS.

Voici un exemple de contrôleur imbriqué:

<div ng-controller="MyController1">
	<p>{{var1}}</p>
	<div ng-controller="MyController2">
		<p>{{var2}}!</p>
		<div ng-controller="MyController3">
			<p>{{var3}}.</p>
		</div>
	</div>
</div>

13. A quoi servent les services dans AngularJS

Les services dans AngularJS sont des objets ou fonctions singleton qui sont utilisés pour effectuer des tâches spécifiques. Il contient une certaine logique métier.

14. Quelles sont les directives? Nommez certaines des directives les plus couramment utilisées dans une application AngularJS

Une directive est quelque chose qui introduit une nouvelle syntaxe. Ils sont comme des attributs sur un élément DOM, qui lui associe un comportement spécial. Dans toute application AngularJS, les directives sont les composants les plus importants.

Certaines des directives couramment utilisées sont:

ng-model
ng-App
ng-bind
ng-repeat
ng-show

15. Comment fonctionnent les routes dans Angular JS?

Les routes AngularJS vous permettent de créer différentes URL pour différents contenus dans votre application. Différentes URL pour un contenu différent permettent à l’utilisateur de mettre des URL vers un contenu spécifique.

16. Qu’est-ce que data-binding dans AngularJS?

La synchronisation automatique des données entre le modèle et les composants de la vue est appelée data-binding dans AngularJS.

17. A quoi sert la fonction factory dans AngularJS?

Pour créer une directive, la méthode factory est utilisée. Elle n’est invoquée qu’une seule fois lorsque le compilateur correspond à la directive pour la première fois. En utilisant $injector.invoke, la méthode factory est invoquée.

18. Quelles sont les classes CSS ajouté par ngModel, pour Styliser un formulaire.

NgModel ajoute ces classes CSS pour permettre de styliser un formulaire. Les classes de validation d’AngularJS sont:

ng-valid
ng-invalid
ng-pristine
ng-dirty

19. Qui a créé Angular JS?

AngularJS a été développé par Adam Abrons et Misko Hevery. Actuellement, il est développé par Google.

20. Comment pouvez-vous intégrer AngularJS avec HTML?

Les développeurs peuvent suivre les étapes suivantes pour intégrer AngularJS avec HTML:

Étape 1: inclure AngularJS dans la page html.

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

Étape 2: Indiquez que c’est une application AngularJS.

Vous devez ajouter l’attribut ng-app dans la balise de corps HTML pour indiquer la partie de l’application AngularJS comme indiqué dans l’exemple suivant:

<body ng-app = "myApp">
...
</body>

21. A quoi sert le filtre « orderby » dans AngularJS?

Le filtre « Orderby » dans AngularJS ordonne un tableau en fonction de critères spécifiés. Exemple :

<ul>
<li ng-repeat = "person in org.orgs | orderBy:'age">
      {{ person.name + ', ' + person.age }}
   </li>
</ul>

22. Qu’est-ce que « ng-non-bindable » dans AngularJS?

Ng-non-bindable spécifie AngularJs pour ne pas compiler l’élément HTML et ses nœuds enfants. Par exemple:

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

23. Expliquer l’utilisation de l’événement de double clic dans AngularJS.

L’événement de double clic dans AngularJS vous permet de spécifier un comportement personnalisé lors d’un événement de double clic de souris sur une page Web, par exemple:

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

24. A quoi sert la directive « ng-click » dans AngularJS, donnez un exemple?

La directive Ng-click peuvent être utilisées dans un scénario lorsque vous devez cliquer sur un bouton ou que vous souhaitez effectuer une opération. Exemple:

<button ng-click="count = count++">Cliquez ici!</button>

25. Pourquoi utiliser « ng-include » dans AngularJS?

Ng-include dans AngularJS vous aide à intégrer des pages HTML dans une seule page HTML. Exemple:

<div ng-app = "" ng-controller = "myController">
   <div ng-include = "'home.htm'"></div>
   <div ng-include = "'help.htm'"></div>
</div>

26. Comment définir, récupérer et supprimer les cookies dans AngularJS?

Vous pouvez utiliser:

$cookies.put() méthode pour définir les cookies.
$cookies.get() méthode pour récupérer les cookies.
$cookies.remove pour supprimer les cookies.

QCMs qui pourraient vous intéresser :