Qu'est-ce que le routage Angular ?

Question

Je suis nouveau sur ce sujet. Dans mon linuxmint 17, j'essaie de créer une application web Firebase en utilisant Angular CLI. Il me pose des questions sur le routage Angular.

Qu'est-ce que le routage Angular ? Que dois-je répondre ?

Answer 1

Comme ils l'ont déjà dit, le routage permet de naviguer vers différentes vues de votre application. C'est le principal moyen d'amener les utilisateurs vers différentes destinations au sein de l'application web. De la page d'accueil à la page de contact, par exemple, vous avez besoin d'un itinéraire, c'est-à-dire d'un chemin ou d'une manière de vous y emmener. On retrouve cette approche dans la plupart des frameworks MVC ( ASP.Net , Ruby on Rails , Django , Laravel , etc)

Ce que vous devez répondre. Répondez par l'affirmative. Vous commencez, c'est donc une bonne chose car vous disposerez d'une structure de base pour démarrer. Au fur et à mesure que vous progresserez, vous pourrez définir vos propres itinéraires et les gérer à l'aide de logiciels intermédiaires.

Answer 2

Le routeur Angular permet de naviguer d'une vue à l'autre lorsque les utilisateurs effectuent des tâches d'application.

Vérifier https://angular.io/guide/router pour plus de détails sur le routage dans Angular.

Si vous dites "Oui", CLI ajoutera automatiquement la configuration du routeur à votre projet.

Answer 3

Si vous créez un projet Angular avec le dernier CLI, il vous demande d'ajouter le routage angulaire à votre projet, qui est une fonctionnalité nouvellement introduite par le CLI Angular. Si vous tapez 'Y' lors de la création d'un projet, il ajoute 'app-routing.module.ts', sinon aucun fichier de ce type n'est ajouté. Mais la fonctionnalité de routage sera intégrée dans le fichier 'app.module.ts'.

Ces deux options n'ont donc pas beaucoup d'impact sur les nouveaux utilisateurs d'Angular. . Une fois que vous aurez appris le concept de routage d'Angular, vous aurez une meilleure idée.

Pour plus d'informations sur Angular Routing, visitez angular document officiel d'acheminement .

Answer 4

Vous pouvez essayer ceci .

ng new demo-app --routing --style=sass

Ce qui ajoutera le module de routage et définira le style à sass à l'avance, de sorte qu'il le fera sans demander.

Note : vous pouvez également ajouter --strict pour éviter qu'il ne demande une vérification plus stricte des types ng new demo-app --routing --style=sass --strict

Answer 5

Le routage Angular est la méthode qui permet de diriger les utilisateurs vers la page pertinente où ils souhaitent effectuer leurs actions. En d'autres termes, il peut y avoir plusieurs composants dans une seule application angulaire. Le routage est la façon de mettre en œuvre la connexion entre ces composants. Si vous répondez oui, Angular ajoutera app-routing.module.ts dans votre dossier d'applications. Vous pouvez ajouter vos informations sur le composant et vos paramètres d'URL à ce fichier, comme dans l'exemple ci-dessous.

import { Routes, RouterModule } from '@angular/router';
import { AdminOrganizationComponent } from './admin-organization/admin-organization.component';
import { LoginComponent } from './login/login.component';    

const routes: Routes = [
  {
    path: '',
    component: LoginComponent,  //Go to login page
  },
  {
    path: 'organizations',
    component: AdminOrganizationComponent, //Go to organization page
  },
  { path: '**', redirectTo: 'login', pathMatch: 'full' } //If path is not match to, redirect to login page
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class AppRoutingModule {}