Angular router.navigate从父组件到子组件不起作用

Question

就我而言，我成功地从availableComponent --to->导航了reserveComponent。但是当我尝试导航至ConfirmComponent时，riuter.navigate无法正常工作

我尝试通过此代码重定向到confirmComponent：

onContinuePayment() {
    // this.router.navigated = false;
    debugger
    this.router.navigate(['flight/confirm'], {
      queryParams: {
        source: 'g'
      }
    });
  }

我的路由模块是：

const routes: Routes = [
  {
    path: '' , component: FlightComponent,
    children: [
        {
          path: 'available',
          component: AvailableFlightsComponent
        } ,
        {
          path: 'reserve',
          component: ReserveFlightComponent
        } ,
        {
          path: 'confirm',
          component: ReserveConfirmComponent
        } ,
        {
          path: 'reserve-confirm',
          component: ReserveConfirmationComponent
        }
      ]
  }];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})

但不起作用

Answer 1

path: '' , component: FlightComponent

应该是

path: 'flight' , component: FlightComponent,

Answer 2

您应该使用

this.router.navigate(['/flight/confirm'], {
  queryParams: {
    source: 'g'
  }
});

问候