angular之路由

最新推荐文章于 2024-09-11 11:28:25 发布

J_Xin_Yu

最新推荐文章于 2024-09-11 11:28:25 发布

阅读量144

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/J_Xin_Yu/article/details/106826254

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、配置路由

**1、创建项目时选择路由**
**2、在app-routing.module.ts文件中引入组件并配置路由**

	import { NewsComponent } from './components/news/news.component';
	import { HomeComponent } from './components/home/home.component';
	import { ProductComponent } from './components/product/product.component';

	const routes: Routes = [
  {
    path:'home',component:HomeComponent
  },
  {
    path:'news',component:NewsComponent
  },
  {
    path:'product',component:ProductComponent
  }
];