我正在构建 angular2 应用程序，目前我有一个带有导航栏、工具栏和路由器出口的主组件用于主要内容。
我想为登录机制添加一个额外的页面，因此，如果用户未经过身份验证，登录页面将显示在整个屏幕上，用户登录后将导航到具有上述结构的组件。
我该如何管理这个结构？我需要两个路由器插座吗？第一个用于登录和主页之间的导航，另一个用于主页中的主要内容？
还有其他比两个路由器插座更简单的常见结构吗？
我通过实现这个结构成功地实现了这个工作流程。
我有两个主要组成部分：
LoginComponent 的路由是“/login”。
它的路由是“HomeComponent”。 （空路线）。
此外，我为 HomeComponent 设置了一个防护，它检查用户是否在 canActivate 中通过了身份验证。如果没有，我会将用户导航到“/login”路线。
然后在我的主页组件中，我有具有以下结构的模板：
工具栏、侧面菜单和路由器插座。
我要做的最后一件事是将其他应用程序路由配置为我的 HomeComponent 的子路由。 （例如：“/news”是“”的子路由）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
