在新选项卡中显示路径组件并隐藏原始页面组件[Angular 2]

Question

我在其HTML模板中显示包含routerLink链接的组件。我想在用户点击它们时在新标签页中打开与这些routerLink链接相对应的组件，并且仅显示这些组件（我不想显示包含该组件的组件） routerList链接在新标签中。）

这是我到目前为止所尝试的内容：

以下是包含组件的组件，该组件在其HTML模板中具有routerLink链接（我们称之为container.component.html）：

<div>
    <h1>{{title}}</h1>
    <comp></comp>
</div>
<router-outlet></router-outlet>

以下是comp组件的模板：

<div>
    <div>{{compName}}</div>
    <ul>
        <li>
            <a [routerLink]="['/comp-info/comp-info-child/:compName', {compName: compName}]" target="_blank">info child</a>     
        </li>
        <li>
            <a [routerLink]="['/comp-info/comp-history']" target="_blank">comp history</a>      
        </li>
    </ul>
</div>

这是我的app.routes.ts文件，定义了应用程序的路由：

/*
  Necessary imports here
*/

export const routes: RouterConfig = [
  {
    path: '',
    component: EmptyComponent,
  },
  {
    path: 'comp-info',
    component: CompInfoComponent,
    children: [
      { path: 'comp-info-child/:compName',  component: CompInfoChildComponent },
      { path: 'comp-history',     component: CompHistoryComponent }
    ]
  }
];


export const APP_ROUTER_PROVIDERS = [
  provideRouter(routes)
];

这是comp-info.component.html文件：

<router-outlet></router-outlet>

我设法使用routerLinks浏览组件，但仍显示comp组件，似乎我显示的是container.component.html视图而不是comp-info.component。 HTML视图。