Cours 6 : Angular - le routeur Flashcards
Quelle est l’évolution historique des techniques de navigation sur Internet jusqu’à l’avènement du routeur Angular ?
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.
Qu’est-ce que l’API XMLHttpRequest, également connue sous le nom d’Ajax, a introduit en termes de navigation sur le web ?
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.
Quel avantage l’API History d’HTML5 a-t-elle apporté en matière de navigation web ?
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.
Quel est le rôle du routeur Angular dans une application ?
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.
Quels sont les éléments sur lesquels repose le routeur Angular ?
Le routeur Angular repose sur une liste de Routes, une méthode provideRouter(), un composant <router-outlet>, et des directives routerLink.</router-outlet>
Qu’est-ce qu’une Route dans le contexte du routeur Angular ?
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.
Comment est configuré le fournisseur de routes dans une application Angular ?
Le fournisseur de routes est configuré en utilisant la méthode provideRouter() qui prend en paramètre les routes définies dans l’application.
Quel est le rôle du composant <router-outlet> dans une application Angular ?</router-outlet>
Le composant <router-outlet> sert de point d'insertion pour les composants associés à chaque route dans l'application.</router-outlet>
Quelle directive est utilisée pour naviguer entre les différentes routes d’une application Angular ?
La directive routerLink est utilisée pour naviguer entre les différentes routes d’une application Angular.
Comment utilise-t-on la directive routerLink dans le HTML pour définir une navigation ?
On utilise la directive routerLink dans le HTML en lui assignant la route correspondant au composant à afficher.
Comment déclenche-t-on une navigation côté code en Angular ?
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().
Qu’est-ce qu’une redirection et comment est-elle définie dans le contexte du routeur Angular ?
Une redirection est définie dans le contexte du routeur Angular en utilisant l’attribut redirectTo dans la configuration des routes.
Qu’est-ce qu’une wildcard route et quel est son rôle dans une application Angular ?
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.
Comment sont déclarés et récupérés les paramètres dans une route Angular ?
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.
Comment configure-t-on des sous-routes (navigation imbriquée) dans une application Angular ?
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.
