angular2登录页面的不同布局
我的所有页面都有一个带有工具和侧边栏的正常布局,但是当用户进入登录或注册页面时,它们不应该可见。在AngularJS中,用户界面路由器很容易在所有其他页面之前包含路由,在这些页面中可以定义布局angular2登录页面的不同布局,angular,angular2-routing,angular2-template,Angular,Angular2 Routing,Angular2 Template,我的所有页面都有一个带有工具和侧边栏的正常布局,但是当用户进入登录或注册页面时,它们不应该可见。在AngularJS中,用户界面路由器很容易在所有其他页面之前包含路由,在这些页面中可以定义布局 但是如何在Angular2中使用本机路由器呢?我应该使用ngIf来显示工具和侧边栏,还是有更好的方法?可以使用路由的子级属性: export const routes:RouterConfig = [ //includes the login and registration route ...u
但是如何在Angular2中使用本机路由器呢?我应该使用
ngIf
来显示工具和侧边栏,还是有更好的方法?可以使用路由的子级属性:
export const routes:RouterConfig = [
//includes the login and registration route
...userRoutes,
{
path: '',
//checks if the user is logged in
canActivate: [Auth],
//only contains a <route-outlet />
component: LayoutComponent,
//routes like /dashboard will only accessible when Auth returns true
children: [
//all children are 'protected'
...modulRoutes,
...dashboardRoutes,
]
},
//404 handling
...errorRoutes
];
export const routes:RouterConfig=[
//包括登录和注册路径
…用户路由,
{
路径:“”,
//检查用户是否已登录
激活:[授权],
//只包含一个
组件:布局组件,
//只有当Auth返回true时,才能访问像/dashboard这样的路由
儿童:[
//所有儿童都受到“保护”
…路线,
…仪表板路线,
]
},
//404处理
…错误路线
];
我使用了angular2的3.0路由器在同样的情况下,我也被绊倒了。请告诉我您是否找到了解决方案。您能发布您的代码片段以及您使用的angular 2的版本吗?找到了一个很好的管理方法。@mimo,您能分享您找到的方法吗?@Dima,我发布了我问题的答案