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

Question

基本上，我有一个组件在列表中有整数数据，第二个组件有动作（如+1操作）我想打开应用程序('/')，单击一个整数并重定向到其他页面{{1 }}。在这个页面上，我想看到旧的整数数据列表和我的(/int/13)（14）。

我的路线就是这个

number + 1

打开（/）后，我看到来自IntegerComponent的整数数据

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

点击之后我真的看到<li *ngFor="let int of ints [routerLink]="['/int', int]"> <p>{{int | json}}</p> </li> ，但我需要在一页上看到整数数据。无需从服务器重新加载数据。只添加新的。

Answer 1

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