如何从angular2将第二个组件的视图添加到当前页面答案

【问题标题】：How to add view of second component to current page from angular2如何从angular2将第二个组件的视图添加到当前页面
【发布时间】：2017-05-24 19:40:45
【问题描述】：

基本上，我有一个组件在列表中具有整数数据，第二个组件具有操作（如 +1 操作）我想打开 app('/')，单击整数之一并重定向到其他页面(/int/13)。在此页面上，我想查看旧的整数数据列表和我的 number + 1 (14)。

我的路线是这样的

  {path: '', component: IntegerComponent,
  {path: 'int/:id', component: ActionComponent}

打开 (/) 后，我看到来自 IntegerComponent 的整数数据

<li *ngFor="let int of ints [routerLink]="['/int', int]">
  <p>{{int | json}}</p>
</li>

点击后我真的看到了int number + 1，但我需要在一页上看到它和整数数据。无需从服务器重新加载数据。只添加新的。

【问题讨论】：

【解决方案1】：

我自己找答案！！需要使用children 进行路由，并在int 模板中添加<router-outlet></router-outlet>。然后，如果用户被 int 点击 - 操作结果将显示在此插座中，并且主插座将保持

【讨论】：