N° C.I.N :……………………………………………….

Université de Gabes NOM ET PRENOM :……………………….…………..

INSTITUT SUPERIEUR DE GESTION GROUPE :……………..
DE GABES NOM ET PRENOM :……………………….…………..

GROUPE :……………..

Examen : Intégration Web 3EB Durée: 1h

Partie 1 : Choisir la ou les bonnes réponses

1. Angular est basé sur?

Architecture MVC
Architecture MVVM
Pattern Decorator
Pattern Observer
2. Les expressions Angular sont écrites en utilisant ?
[expression]
{{expression}}
{{{expression}}}
(expression)

3. Quelle est la syntaxe correcte pour une liaison d'événement angulaire ?

{click}="doSomething()"
on-click="doSomething()"
(click)="doSomething()"
click[]="doSomething()"

4. Quelle est la syntaxe qui vous permet d'ajouter un nouveau composant à votre projet
npm add component MON_COMPOSANT
npm install component MON_COMPOSANT
ng generate component MON_COMPOSANT
ng add component MON_COMPOSANT
5. Lequel des éléments suivants peut être utilisé comme préfixe pour une directive?
Ng-
x-
Data-
Toutes les
réponses
6. Quelle directive est utilisée dans Angular pour exprimé une condition ?
*ngFor
*ngSelect
*ngSwitch
*ngIf

3/4
7. Dans routage Angular, la balise inférieure est utilisée pour rendre le composant
correspondant via une route active.
<router></router>
<router-output></router-output>
<router-outlet></router-outlet>
<router-display></router-display>
8. quelle commande permet de créer une nouvelle application Angular « my-dream » avec
un module de routage racine?
Ng new my-dream --module
Ng new my-dream --routing
Ng generate my-dream
Ng generate my-dream --routing

9. Quel est l’objectif principal de NgModules dans Angular ?

La gestion des erreurs
Liaison de données bidirectionnelle
Pour lier les composants, les directives et les
services liés
Pour améliorer les performances

10. Quel est l’attribut pour créer un lien dans Angular ?

<a href= > </a>
<a routerLink= > </a>
<a src= > </a>
<a Linkrouter= > </a>

3/4
Partie 2 :

Question1 (2pt) : créer un projet ‘votre nom’ qui porte la notion du

Question2 (3pt):
a) créer un component ‘question2’
b) en cliquant sur un bouton, il fait appel a une méthode ‘afficher()’ qui affiche la somme de
deux variables A et B dans le console log
Question3 (3pt):
a) créer un component ‘question3’
b) dans ce component, on veut afficher la liste des employés dans un tableau. Si la liste
« emp » est vide alors il affiche « NODATA »

Question4 (2pt) :
a) créer un component ‘question4’ qui contient une variable titre=les départements
b) créer un routage ou
en cliquant sur les employees  le component « question3 »
en cliquant sur les departement  le component « question4 »

Variable titre

..

3/4