Maison > Article > interface Web > Comment Angular CLI génère des routes
Cette fois, je vais vous montrer comment Angular CLI génère des routes et quelles sont les précautions à prendre par Angular CLI pour générer des routes. Ce qui suit est un cas pratique, jetons un coup d'œil.
Générez des itinéraires pour l'application.
Créez d'abord un projet :
ng new my-routing --routing
Vous pouvez voir les deux modules générés.
Regardez le module de routage :
Regardez le module d'application :
AppRoutingModule a été importé
Regardez à nouveau app.component.html :
router-outlet a été écrit
Générez deux autres composants ci-dessous :ng g c dashboard ng g c orderEnsuite, définissez le routage dans app-routing.module : Modifiez à nouveau le html : Exécutez l'application : ng serve -o
Hmm. Pas de problème.
Pour la situation où il y a plusieurs modules dans une application.
Générez un autre module et apportez-le avec le routage module (vous pouvez d'abord utiliser le paramètre -d pour visualiser les fichiers à générer) :ng g m admin --routingDans le module admin, créez un composant admin :
ng g c admin ng g c admin/email -m admin ng g c admin/user -m adminEn fait, le paramètre -m des deux dernières commandes peut être supprimé, car le chemin admin/ a été spécifié, donc par défaut il sera déclaré dans le module admin au lieu du module app.
Vous devez ensuite modifier app.module :pour ajouter le module admin.Puis modifiez admin.component.html et ajoutez le routeur -outlet : Puis modifiez admin-routing.module.ts : Exécuter : ng serve -oEntrez directement l'adresse : http://localhost:4200/adminVous pouvez voir : Et entrez l'URL : http ://localhost:4200/admin/email alors vous verrez : Donc pas de problème.
Générer Gurad.
ng g guard xxxJe pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php ! Lecture recommandée :
Comment Angular CLI implémente Build
JS fait apparaître un effet de calque flottant lorsque la souris passe par SMS
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!