Angular2-路由重定向的办法

　　使用Angular2开发，常会遇到路由重定向的应用场景。

　　路由重定向的配置办法是这样的：

{path:'要定向的路径', redirectTo:'要定向到的目标路由'}

　　比如某组件有个路由插件，并且一进入该组件就想要路由插件加载出内容，我们的路由配置可能这么写：

routes: Routes = [{path:'',component:'ParentComponent',children:[{ path:'', redirectTo: 'page1' },//定向{ path:'page1', component:'PageComponent1' },{ path:'page2', component:'PageComponent2' }]           }
]

　　如果是兄弟路由之间的定向，则类似这样：

routes: Routes = [{ path:'', redirectTo: 'page1' },{ path:'page1', component:'PageComponent1' },{ path:'page2', component:'PageComponent2' }
]

转载于:https://www.cnblogs.com/longhx/p/7238933.html

Angular2-路由重定向的办法相关推荐

Android路由重定向+透明代理抓App包
前言前几天发了篇帖:https://www.52pojie.cn/thread-1492439-1-1.html 其中简单罗列了最近抓包的一点思路.发出后收到很多反馈,称有点乱.不够详细等.这里承认 ...
Vue Router路由及路由重定向
Vue的核心深度集成,可以非常方便的用于SPA应用程序的开发. 实现路由功能七大步骤第一步:引入相关的库文件注意:必须先引用Vue,在引用vue-router 顺序不能颠倒 <!-- 导入 ...
路由重定向|| 嵌套路由用法
路由重定向路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面: 通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向 ...
Angular中的路由配置、路由重定向、默认选中路由
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
vue 代理重定向_关于vue-router，路由重定向的使用分析
看之前的项目,突然发现一个不算bug的bug,之前也是一直没有想到,现在发现之后越来越觉得有必要改掉, 项目用的是vue做的,自然切换用的就是路由,一级路由包括:首页.记录和个人中心,二级路由是在记录 ...
vue-router详尽：编程式导航、路由重定向、动态路由匹配、路由别名、嵌套路由、命名视图
vue-router编程式导航在vue项目中经常用到this.$router.push() 和 this.$router.replace() 方法进行路由跳转就是编程式导航... 通俗理解编程式导航 ...
Ember.js 入门指南——路由重定向
2019独角兽企业重金招聘Python工程师标准>>> 声明:对于transition这个词直译是"过渡"的意思,但是总觉得"路由的过渡"读起 ...
vue + element-ui 对登录功能、重置表单、退出功能、路由重定向、挂载路由导航守卫的实现
vue + element-ui 对登录功能.重置表单.退出功能.路由重定向.挂载路由导航守卫的实现表单验证规则: 重置表单和对登录功能的验证: 路由重定向: 挂载路由导航守卫: 退出功能的实现 ...
react 路由重定向_如何测试与测试库的路由器重定向React
react 路由重定向 React testing-library is very convenient to test React components rendering from props, ...
vue 路由重定向_使用Vue和Vue路由器进行高级路由：重定向和Nav Guard
vue 路由重定向 While the basics of routing in Vue.js have already been covered, today we'll explore some ...

Angular2-路由重定向的办法

Angular2-路由重定向的办法相关推荐

最新文章

热门文章