Cours 6 : Angular - le routeur Flashcards

1
Q

Quelle est l’évolution historique des techniques de navigation sur Internet jusqu’à l’avènement du routeur Angular ?

A

L’évolution historique des techniques de navigation sur Internet a progressé de la simple rechargement de page à l’utilisation d’Ajax pour mettre à jour le contenu sans rechargement complet, jusqu’à l’introduction de l’API History d’HTML5 permettant de modifier l’URL sans rechargement.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Qu’est-ce que l’API XMLHttpRequest, également connue sous le nom d’Ajax, a introduit en termes de navigation sur le web ?

A

L’API XMLHttpRequest, ou Ajax, a introduit la possibilité de charger des données depuis un serveur distant et de mettre à jour le contenu d’une page sans rechargement complet.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Quel avantage l’API History d’HTML5 a-t-elle apporté en matière de navigation web ?

A

L’API History d’HTML5 permet de changer l’adresse courante dans le navigateur et de manipuler l’historique depuis du code JavaScript, permettant ainsi une navigation plus fluide et réactive.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Quel est le rôle du routeur Angular dans une application ?

A

Le routeur Angular permet d’avoir des URLs compréhensibles qui reflètent l’état de l’application, facilitant la navigation entre les différentes vues sans rechargement complet de la page.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Quels sont les éléments sur lesquels repose le routeur Angular ?

A

Le routeur Angular repose sur une liste de Routes, une méthode provideRouter(), un composant <router-outlet>, et des directives routerLink.</router-outlet>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Qu’est-ce qu’une Route dans le contexte du routeur Angular ?

A

Dans le contexte du routeur Angular, une Route associe une adresse à un composant, permettant ainsi de déterminer quel composant insérer dans la page en fonction de l’URL.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Comment est configuré le fournisseur de routes dans une application Angular ?

A

Le fournisseur de routes est configuré en utilisant la méthode provideRouter() qui prend en paramètre les routes définies dans l’application.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Quel est le rôle du composant <router-outlet> dans une application Angular ?</router-outlet>

A

Le composant <router-outlet> sert de point d'insertion pour les composants associés à chaque route dans l'application.</router-outlet>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Quelle directive est utilisée pour naviguer entre les différentes routes d’une application Angular ?

A

La directive routerLink est utilisée pour naviguer entre les différentes routes d’une application Angular.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Comment utilise-t-on la directive routerLink dans le HTML pour définir une navigation ?

A

On utilise la directive routerLink dans le HTML en lui assignant la route correspondant au composant à afficher.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Comment déclenche-t-on une navigation côté code en Angular ?

A

Pour déclencher une navigation côté code en Angular, on injecte le service Router dans le composant et on utilise la méthode navigate().

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Qu’est-ce qu’une redirection et comment est-elle définie dans le contexte du routeur Angular ?

A

Une redirection est définie dans le contexte du routeur Angular en utilisant l’attribut redirectTo dans la configuration des routes.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Qu’est-ce qu’une wildcard route et quel est son rôle dans une application Angular ?

A

Une wildcard route est définie avec l’attribut path ‘**’ et sert de joker pour capturer toute adresse URL qui ne correspond à aucune des routes définies précédemment.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Comment sont déclarés et récupérés les paramètres dans une route Angular ?

A

Les paramètres sont déclarés dans une route en utilisant le délimiteur ‘:’ dans l’adresse du composant, puis récupérés en injectant le service ActivatedRoute dans le composant et en souscrivant à paramMap.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Comment configure-t-on des sous-routes (navigation imbriquée) dans une application Angular ?

A

Les sous-routes, ou navigation imbriquée, sont configurées en utilisant l’attribut children dans la définition de la route principale, avec une liste de sous-routes associées à chaque route parente.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly