在Angular 2中路由两个页面

Question

我有一个名为hello的组件，我希望它根据用户输入路由到寄存器和登录组件。 因此，如果home.component.html有一个登录按钮，我点击它就会转到login.component.html，同样是注册

现在它只是加载一个没有错误的空白页。

更新 我已将hello.component.html更改为包含Login和Register，但只能使用其中一个：

hello.component.html与app.component.html相同

<ul class="nav nav-tabs">
  <register-cmp></register-cmp>
  <li role="presentation" [routerLinkActive]="['is-active']">
    <a [routerLink]="['/register']"></a>
  </li>
</ul>
<ul class="nav nav-tabs">
  <login-cmp>Login</login-cmp>
  <li role="presentation" [routerLinkActive]="['is-active']">
    <a [routerLink]="['/login']"></a>
  </li>
</ul>

<section class="main-container">
  <router-outlet></router-outlet>
</section>

hello.routes.ts

export const HelloRoutes: Route[] = [
{
    path: 'hello',
    component: HelloComponent,
    children: [
        ...LoginRoutes,
        ...RegisterRoutes
    ]
}];

app.routes.ts

export const routes: Routes = [
...HelloRoutes,
...DashboardRoutes,
{
  path: '**',
component: HelloComponent
},];

问题是我与仪表板有相同的设置，链接到用户和家庭，但我无法使用home-＆gt;（登录/注册）