angular router 路由的简单实用

最新推荐文章于 2025-06-18 09:00:00 发布

梦想称为大佬

最新推荐文章于 2025-06-18 09:00:00 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： angular

本文链接：https://blog.csdn.net/xawjz/article/details/118761102

angular路由的使用

首先要添加了路由服务文件（在创建项目的时候会询问，如果当时没有创建俺的话需要手动创建）
下边是一个现成的路由文件，可以参考

//app.module.ts
 import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 
 import { SignupComponent } from "./components/signup/signup.component";
 import { SigninComponent } from "./components/signin/signin.component";
 import { LayoutComponent } from "./components/layout/layout.component";
 import { ContactListComponent } from "./components/contact-list/contact-list.component";
 import { ContactEditComponent } from "./components/contact-edit/contact-edit.component";
 import { ContactNewComponent } from "./components/contact-new/contact-new.component";
 
 import { TagListComponent } from "./components/tag-list/tag-list.component";
 import { TagEditComponent } from "./components/tag-edit/tag-edit.component";
&nb