Angular2:我希望登录页面和主页有一个不同的html结构

Angular2:我希望登录页面和主页有一个不同的html结构,angular,typescript,single-page-application,Angular,Typescript,Single Page Application,在我的ng2项目中,我需要做两件事 我希望登录页面和主页具有不同的HTML结构(我的应用程序模块中的路由器出口被一个模板HTML结构包围。但是登录和主页需要不同的基本模板 我希望求职者用户和雇主用户的URL相同。求职者和雇主页面位于不同的模块中(因此我认为我需要找到一种方法,根据会话设置路由模块。但不知道如何做到这一点) 如果您想要不同页面的不同布局,请不要将布局放在应用程序模块中。相反,请使用两个路由器插座: < router-outlet name='content'> <

在我的ng2项目中,我需要做两件事

  • 我希望登录页面和主页具有不同的HTML结构(我的应用程序模块中的路由器出口被一个模板HTML结构包围。但是登录和主页需要不同的基本模板

  • 我希望求职者用户和雇主用户的URL相同。求职者和雇主页面位于不同的模块中(因此我认为我需要找到一种方法,根据会话设置路由模块。但不知道如何做到这一点)

  • 如果您想要不同页面的不同布局,请不要将布局放在应用程序模块中。相反,请使用两个路由器插座:

    < router-outlet name='content'> < /router-outlet>
    
    
    
  • 现在,适当地加载布局和内容

  • 如果要将同一URL用于两个目的,可以配置为在使用skipLocationChange导航时不更改URL

    router.navigateByUrl(“/employer”,{skipLocationChange:true})

  • 为登录和主页提供单独的组件,并在这些组件中包含结构html。在应用程序模块中,在主体标记中包含路由器插座,而没有其他内容。这将加载两个不同的组件

  • 如果我理解正确,求职者用户和雇主用户可以是单独的组件,它们都是您希望指定url的组件的子组件。例如,您可能有一个用户组件,然后在该组件中,您可以有另一个路由器出口,根据查询参数显示您想要的用户如果不更好地理解你想要什么,这很难解释