Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des étapes pour générer des itinéraires à l'aide d'Angular CLI

php中世界最好的语言
Libérer: 2018-05-03 14:31:18
original
1763 Les gens l'ont consulté

Cette fois, je vais vous apporter une explication détaillée des étapes de routage de génération CLI angulaire, quelles sont les précautions pour la route de génération CLI angulaire, et ce qui suit est un cas pratique, jetons un coup d'oeil.

Nous savons que l'utilisation de ng g module admin générera un module d'administration.

et l'utilisation de ng g m sales --routing générera un module de ventes et de routage des ventes.

sales-routing contient les informations de routage, et elles sont importées dans le module de vente.

Générez des itinéraires pour l'application.

Créez d'abord un projet :

ng new my-routing --routing
Copier après la connexion

Vous pouvez voir que deux modules sont générés.

Regardez le module de routage :

Regardez à nouveau le module d'application :

L'AppRoutingModule a été importé.

Regardez à nouveau app.component.html :

router-outlet a été écrit Très bien

Deux autres composants sont générés ci-dessous :

ng g c dashboard
ng g c order
Copier après la connexion

Puis définissez le routage dans app-routing.module :

Modifiez à nouveau le html :

Exécutez l'application : ng serve -o

Hmm Pas de problème.

Car il y en a plusieurs. modules dans une application.

Générer un module avec un module de routage (vous pouvez utiliser le paramètre -d pour visualiser le fichier à générer en premier) :

ng g m admin --routing
Copier après la connexion

Dans le module admin, créez un autre composant admin :

ng g c admin
ng g c admin/email -m admin
ng g c admin/user -m admin
Copier après la connexion
En fait, le paramètre -m des deux dernières commandes peut être supprimé, car le chemin admin a été précisé / , afin qu'il soit déclaré dans le module admin au lieu du module app par défaut

Ensuite, vous devez modifier app.module :

en. ajoutez le module admin .

Puis modifiez admin.component.html, ajoutez router-outlet :

Puis modifiez admin-routing.module.ts :

Exécuter : ng serve -o

Entrez directement l'adresse : http://localhost:4200/admin

Vous pouvez voir :

Et entrez l'URL : http://localhost:4200/admin/email

et vous verrez :

Donc pas de problème.

Générer Gurad.

ng g guard xxx
Copier après la connexion
Cette commande générera xxx.guard.ts

Je 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 :

Explication détaillée des étapes d'interaction du composant angulaire

Comment faire en sorte que jQuery entre dans l'événement du bouton de déclenchement

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal