Angular 通过多级路由实现登录页跳转
为你节省时间
本文受众是 Angular
初学者,没有多级路由使用经验,不知道登录页面与主页跳转的实现逻辑,相反,看到这里你就可以结束了,不要浪费时间。下面来看看小白对于登录页面的理解:
![](https://oss.jqhtml.com/wp-content/uploads/2020/7/7VV7re.png)
上图中左边是导航菜单栏,右边的空白区域是 <router-outlet>
所在区域,即所有实现业务逻辑的组件都在这里显示 – 点击左边导航栏的项目右侧B区域就替换为对应的页面,那么问题来了,登录页面要怎么做?
多级路由实现图
![](https://oss.jqhtml.com/wp-content/uploads/2020/7/BBJfQn.png)
图有点大,看不清楚的放大点看吧。看了这个图相信一部分人已经懂了实现原理了。如果还是不懂,来看下面的文字讲解。
实现原理讲解
本文案例以 Angu