Ajouter une nouvelle route à votre fichier de configuration de routage dans Angular

Ceci consiste à déclarer un objet « Route » pour la nouvelle route et à l’ajouter au tableau de routes de votre module de routage.

Voici un exemple de comment cela peut être accompli :

  1. Importez les modules nécessaires pour la configuration de la route, comme suit :
pythonimport { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
  1. Définissez un tableau de routes, qui contiendra toutes les routes de votre application :
javascriptconst routes: Routes = [  // Vos autres routes
];
  1. Ajoutez une nouvelle route au tableau de routes en créant un objet « Route » :
javascriptconst routes: Routes = [  // Vos autres routes  {    path: 'new-route',    component: NewRouteComponent  } ];
  1. Configurez le module de routage pour utiliser le tableau de routes :
kotlin@NgModule({  imports: [RouterModule.forRoot(routes)],  exports: [RouterModule] })
export class AppRoutingModule { }
  1. N’oubliez pas d’importer le composant associé à la nouvelle route dans le fichier de module de votre application :
pythonimport { NewRouteComponent } from './new-route/new-route.component';

Voilà, vous avez ajouté une nouvelle route à votre fichier de configuration de routage ! Vous pouvez maintenant accéder à cette nouvelle route en utilisant l’URL correspondante.