Home >Web Front-end >JS Tutorial >How to generate routes using Angular CLI_AngularJS
This article mainly introduces the method of using Angular CLI to generate routes. It is quite good. Now I will share it with you and give it as a reference. Let's take a look together
The first article is: "Using angular cli to generate angular5 projects": http://www.jb51.net/article/136621.htm
The second article The article is: "Using angular cli to generate code from blueprints" :http://www.jb51.net/article/137031.htm
We know that using ng g module admin will generate admin module.
Using ng g m sales --routing will generate two modules, sales and sales-routing.
sales-routing contains the routing information, and it is imported into the sales module.
Generate routes for the application.
Create a project first:
ng new my-routing --routing
You can see that two modules are generated.
Look at the routing module:
##Look at the app module: AppRoutingModule has been imported.Look at app.component.html again: router-outlet Already written. Very good.Generate two more components:ng g c dashboard ng g c orderThen Set routing in app-routing.module: Modify the html: Run the application: ng serve -o Yeah. No problem.
For an application with multiple modules Situation.
Generate another module with a routing module (you can first use the -d parameter to view the file to be generated):ng g m admin --routingIn the admin module, create another admin component:
ng g c admin ng g c admin/email -m admin ng g c admin/user -m adminIn fact, the last two commands The -m parameter can be removed because the path admin/ has been specified, so it will be declared in the admin module by default instead of the app module. The app.module needs to be modified later. :Add the admin module.Then modify admin.component.html, add router-outlet: Then modify admin -routing.module.ts: Run: ng serve -oDirectly enter the address: http://localhost:4200/admin
You can see: and enter the URL: http://localhost:4200/admin/email, you will see: So no problem.
Generate Gurad.
ng g guard xxxThis command will generate xxx.guard.tsThe above is the entire content of this article. I hope it will be helpful to everyone's study, and I also hope that everyone will support Script Home. Related recommendations:
How to configure Angular CLI in Mac environment
.Net Core + Angular Cli to achieve development environment construction
The above is the detailed content of How to generate routes using Angular CLI_AngularJS. For more information, please follow other related articles on the PHP Chinese website!