Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

API & Framework : Angular

Total questions: 29

Worksheet time: 20mins

Name
Class
Date
1.

Comment appelle-t-on une balise placé en préfix d'une méthode ou d'une propriété ?

a)

Une définition

b)

Un prefix

c)

Une annotation

d)

Un paramètre

2.

Laquelle de ces réponses permet à une vue de passer une donnée ?

a)

@Output

b)

@Component

c)

@HostListener

d)

@Input

3.

La transmission d'une donnée d'un composant enfant à un composant parent se fait grâce à :

a)

@Input

b)

@Output

c)

#Input

d)

#Output

4.

Pour créer une référence locale dans une vue HTML, il faut préfixer l'attribut d'un

a)

$

b)

*

c)

#

d)

@

5.

Un directive qui modifie l'apparence d'un élément HTML se nomme :

a)

Directive structurelle

b)

Directive d'attribut

6.

Comment se constitue une directive d'attribut :

a)

(directive)=""

b)

[directive]=""

c)

{directive}=""

d)

:directive:=""

7.

Parmi ces propositions, quelle(s) notation(s) permet(tent) de définir une directive structurelle ?

a)

[directive]=""

b)

#directive=""

c)

*directive=""

d)

$directive=""

8.

Quelle classe CSS est utilisé par Angular pour gérer la validité des champs ?

a)

.ng-invalid

b)

.ng-success

c)

.ng-valid

d)

#ng-success

9.

A quoi correspond la propriété "prestine" dans les formulaires ?

a)

Un champs encore inchangé

b)

Un champs ayant une erreur

c)

Un champs qui ne doit pas être géré par Angular

d)

Un champs qui doit subir une validation

10.

Lorsqu'un service est appelé dans un composant et que la configuration est définie sur "root", combien aurai-je d'instances ?

a)

1

b)

2

c)

3

d)

5

11.

Quelle balise permet d'afficher la route active dans le routeur d'Angular ?

a)

<router-active></router-active>

b)

<route-display></router-display>

c)

<route></route>

d)

<router-outlet></router-outlet>

12.

Quelle méthode doit-on appeler lorsque des routes sont déclarées depuis un module ?

a)

RouterModule()

b)

RouterModule.forChild()

c)

RouterModule.forRoot()

d)

RouterModule.setRoutes()

13.

Async Pipe souscrit à l'observateur et met à jour l'expression lorsqu'il y a des données envoyées de l'observateur.

a)

Vrai

b)

Faux

14.

Quelle commande permet de lancer une application Angular ?

a)

ng run

b)

ng serve

c)

ng server

d)

ng start

15.

Que signifie la commande suivante :

ng generate component add-invoice --inline-template=false

4 lines
16.

Parmi les propositions, laquelle représente un élément du DOM dans une Directive ?

a)

HTMLInputElement

b)

Element

c)

ElementRef

d)

Target

17.

Si je souhaite construire mon application Angular pour la mise en production je lance la commande :

a)

ng run build

b)

ng build --prod

c)

ng build

d)

ng serve

18.

Quel décorateur permet d'écouter un évènement dans une Directive ?

a)

@HostListener

b)

@Listener

c)

@Event

d)

@OnListener

19.

Comment définir une route par défaut ?

a)

Une chaîne vide

b)

Un slash

c)

Placer une route tout en dernier

d)

Utiliser le double étoile

20.

Quelle service permet d'extraire des paramètre d'une URL ?

a)

ActivatedRoute

b)

Router

c)

Route

d)

RouterService

21.

Dans le décorateur NgModule, la partie "Imports" permet d'ajouter les composants d'une application ?

a)

Vrai

b)

Faux

22.

Expliquer qu'est-ce que l'injection de dépendances ?

4 lines
23.

Comment construit-on le two-way data binding

a)

{[target]}="expression"

b)

{target}="expression"

c)

[target]="(expression)"

d)

[(target)]="expression"

24.

A qui appartient Angular ?

a)

Amazon

b)

Facebook

c)

Google

d)

Twitter

25.

Angular est un framework orienté

a)

Module

b)

Composant

c)

Template

d)

Objets

26.

Comment appelle-t-on un module constituant la base d'une application angular ?

a)

Module d'origine

b)

Module racine

c)

Module de base

d)

Modulé père

27.

Le TypeScript utilisé par Angular est-il interprété par le navigateur ?

a)

Non, il faut d'abord transformer le TypeScript en JavaScript

b)

Oui, les nouveaux navigateurs le peuvent

c)

Oui, grâce à un plugin de Microsoft

d)

Non, il faut interpréter le TypeScript en JavaScript

28.

Combien de méthode existent dans le cycle de vie d'un composant Angular ?

a)

2

b)

3

c)

4

d)

5

29.

Quelles sont les méthodes du cycle de vie d'un composant Angular ?

a)

NgOnInit

NgAfterInit

NgOnChanges

NgBeforeDestroy

b)

NgOnInit

NgOnChanges

NgOnDestroy

c)

NgOnInit

NgAfterViewInit

NgOnChanges

NgOnDestroy

d)

NgOnInit

NgOnDestroy