Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/bash/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
angular2登录页面的不同布局_Angular_Angular2 Routing_Angular2 Template - Fatal编程技术网

angular2登录页面的不同布局

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

我的所有页面都有一个带有工具和侧边栏的正常布局,但是当用户进入登录或注册页面时,它们不应该可见。在AngularJS中,用户界面路由器很容易在所有其他页面之前包含路由,在这些页面中可以定义布局


但是如何在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,我发布了我问题的答案