子级组件已显示

时间:2018-08-27 11:52:22

标签: angular

在下面您可以看到我的路线,并且我想使用子路线。但是我的问题是子组件的内容已经显示在UI上。我正在使用

this.route.navigate()

更改路线,而我将需要它。

仅当导航到该路线时,如何显示该路线?

const routes: Routes = [
  {
    path: '',
    component: StartComponent,
    children: [
      { path: ':id', component: TestComponent }
    ]
  },
  {path: '**', component: StartComponent}
];

我也认识到我的组件不在我的家中

enter image description here

1 个答案:

答案 0 :(得分:0)

When u want to show ur child component ?
if after getting id then you can add condition in html like:
<span *ngIf="id"> 
 <app-test></app-test>
</span>