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

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

Angular 初学者，未使用过高级路由，不清楚登录页面与主页跳转的实现逻辑，可直接结束，不要浪费时光。接下来看看小白对登录页面的理解：

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

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

多级路由实现图

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