具有嵌套状态的Angular2路由答案

【问题标题】：Angular2 routing with nested states具有嵌套状态的Angular2路由
【发布时间】：2016-04-06 17:37:17
【问题描述】：

我有一个登录页面，将显示用户（默认情况下）和“注册”组件，这是一组允许他们注册的输入字段。

对于回访用户，我希望他们按原样查看登录页面，然后单击“登录”并将注册组件替换为登录组件。我不希望 URL 改变，它应该保持 '/'。

对于 ui-router 我可以做嵌套状态，但不确定 Angular2 的路由器是否支持？

app.ts

@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 }
]);

登陆.ts

@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 },
])

登陆组件的路径需要不同吗？

【问题讨论】：

标签： angular angular2-routing

【解决方案1】：

那你为什么需要使用路由呢？您不能只绑定到隐藏或显示相应部分的布尔值吗？

<div *ngIf="showReg">Registration</div>

<div *ngIf="!showReg">Login</div>

【讨论】：

这没有回答问题。
不回答问题