如何用Angular实现多级路由登录页面跳转？

本文共计1046个文字，预计阅读时间需要5分钟。

原文：本文字受众是Angular初学者，没有多级路由使用经验，不知道登录页面与主页跳转的实现逻辑，相反，看到这里你就结束了，不要浪费时间去研究。

针对Angular新手，缺乏高级路由操作经验，对登录页与主页间跳转逻辑不熟悉，简单了解即可，无需深入探究。

本文受众是 Angular 初学者，没有多级路由使用经验，不知道登录页面与主页跳转的实现逻辑，相反，看到这里你就可以结束了，不要浪费时间。下面来看看小白对于登录页面的理解：

上图中左边是导航菜单栏，右边的空白区域是 <router-outlet> 所在区域，即所有实现业务逻辑的组件都在这里显示 - 点击左边导航栏的项目右侧B区域就替换为对应的页面，那么问题来了，登录页面要怎么做？

多级路由实现图

图有点大，看不清楚的放大点看吧。看了这个图相信一部分人已经懂了实现原理了。如果还是不懂，来看下面的文字讲解。