Angular路由使用

标签：activate   文件   outer   ram   跳转   键值   参数   其他   加载   

一. 路由：根据不同URL地址，动态让根组件挂载其他组件来实现单页面应用，相对地址

1. 项目一开始创建就会询问是否添加路由（Angular routing）

2. 有无路由区别{

1. 多了一个routing的ts文件（配置路由的ts文件）

2. 在app中module中引入路由并配置

3. app的html中多一句：<router-outlet></router-outlet>（根据路径配置挂载不同组件）

}

3. 配置路由ts文件：在routers中写键值对，例：path:’/路径字符串’,component:组件类名

4. 当找不到的路径，加载默认组件或跳转地址：path:’**’,redirectTo:’/跳转地址’

5. ActivatedRoute中snapshot.paraMap.get(‘url中的值’)：获取路由要跳转链接中的参数

6. Router中navigateByUrl：设置跳转路径和event.subscribe：订阅路由事件，例：NavigationEnd为导航结束事件

Angular路由使用

标签：activate   文件   outer   ram   跳转   键值   参数   其他   加载   

原文地址：https://www.cnblogs.com/dlm17/p/12345363.html