gal*_*van 20 angular2-routing angular
我正在构建angular2应用程序,目前我有一个带有导航栏,工具栏和路由器插座的主要内容的主页组件.我想为登录机制添加一个额外页面,因此如果用户未经过身份验证,则登录页面将显示在整个屏幕中,登录到用户后将导航到具有上述结构的组件.
我该如何管理这个结构？我需要两个路由器插座吗？第一个用于登录和主页之间的导航,另一个用于主页中的主要内容？还有比两个路由器插座更简单的其他常见结构吗？
gal*_*van 12
通过实现此结构,我成功实现了此工作流程.我有两个主要组成部分:
LoginComponent,它的路由是'/ login'.HomeComponent,它的路线是''.(空路线).
此外,我为我的HomeComponent设置了一个警卫,它检查用户是否在他的canActivate中进行了身份验证.如果不是,我将用户导航到'/ login'路线.
然后在我的家庭组件中我有以下结构的模板:工具栏,侧面菜单和路由器插座.
我要做的最后一件事是将其他应用程序路由配置为我的HomeComponent的子路由.(例如:'/ news'是''的子路径).