具有嵌套状态的Angular2路由
我有一个登录页，它将显示用户（默认情况下）和“注册”组件，这是一组允许他们注册的输入字段 对于返回的用户，我希望他们看到登录页面，然后单击“登录”，并用登录组件替换注册组件。我不想更改URL，它应该保持“/” 对于ui路由器，我可以执行嵌套状态，但不确定Angular2的路由器是否支持该功能 app.ts具有嵌套状态的Angular2路由,angular,angular2-routing,Angular,Angular2 Routing,我有一个登录页，它将显示用户（默认情况下）和“注册”组件，这是一组允许他们注册的输入字段 对于返回的用户，我希望他们看到登录页面，然后单击“登录”，并用登录组件替换注册组件。我不想更改URL，它应该保持“/” 对于ui路由器，我可以执行嵌套状态，但不确定Angular2的路由器是否支持该功能 app.ts @Component({ selector: 'app', template: ' *snip* <router-outlet></router-ou
@Component({
selector: 'app',
template: '
*snip*
<router-outlet></router-outlet>
*snip*
',
directives: [Footer, ROUTER_DIRECTIVES]
})
@RouteConfig([
{ path: '/...', name: 'Landing', component: LandingComponent, useAsDefault: true },
{ path: '/about', name 'About', component: AboutComponent }
]);
@组件({
选择器：“应用程序”，
模板：'
*剪断*
*剪断*
',
指令：[页脚，路由器指令]
})
@线路图([
{path:'/…'，name:'Landing'，component:LandingComponent，useAsDefault:true}，
{路径：'/about'，名称'about'，组件：AboutComponent}
]);
@Component({
selector: 'landing',
template: '
<body>
<div>
<router-outlet></router-outlet>
</div>
</body>',
directives: [ROUTER_DIRECTIVES]
})
@RouteConfig([
{ path: '/', name: 'RegisterForm', component: RegisterForm, useAsDefault: true },
{ path: '/login', name: 'LoginForm', component: LoginForm },
])
@组件({
选择器：'着陆'，
模板：'
',
指令：[路由器指令]
})
@线路图([
{path:'/'，name:'RegisterForm'，component:RegisterForm，useAsDefault:true}，
{路径：'/login'，名称：'LoginForm'，组件：LoginForm}，
])
着陆组件的路径需要不同吗？那么为什么需要使用路径呢？你不能只绑定到一个隐藏或显示相应部分的布尔值吗
<div *ngIf="showReg">Registration</div>
<div *ngIf="!showReg">Login</div>
注册
登录