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

Question

在基本情况下，我有一个组件在列表中有整数数据，第二个组件有操作（如 +1 操作）我想打开应用程序('/')，点击整数之一并重定向到其他页面(/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，但我需要在一页上看到它和整数数据。无需从服务器重新加载数据。只添加新的。

Answer 1

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

How to add view of second component to current page from angular2