如何使不同的路径[路径数组]路由到具有子路径的相同组件

Question

下面是我的AppRoutingModule内容。

const routes: Routes = [
  {
    path: 'basicSearch', component: BasicSearchComponent,
    children: [
      { path: '', pathMatch: 'full', redirectTo: 'type' },
      { path: 'code', component: BasicSearchCodeComponent,
        children: [
          { path: ':codeId', component: CodeDetailsPopupComponent },
        ]
      },
      { path: 'code/:ssnNo', component: BasicSearchCodeComponent,
        children: [
          { path: ':codeId', component: CodeDetailsPopupComponent },
        ]
      },
    ]
  },
  { path: 'error', component: ErrorPageComponent },
  { path: '', pathMatch: 'full', redirectTo: 'basicSearch' },
  { path: '**', component: PageNotFoundComponent },
];

每当用户点击“ http：// abc / basicSearch / code”并且“ http：// abc / basicSearch / code / R1234”需要路由到“ BasicSearchCodeComponent”时，我在这里读取路由的网址是否具有查询/路径参数。

当用户单击BasicSearchCodeComponent页面上的按钮时，我们需要显示“ CodeDetailsPopupComponent”的弹出窗口，在这里我正在阅读路由的URL是否具有查询/路径参数，因为此URL将是“ http：// abc / basicSearch / code / 10001”和“ http：// abc / basicSearch / code / R1234 / 10001”。

但是它不能按要求工作，因为当用户单击按钮而不是显示弹出窗口时，应用程序将重新加载到BasicSearch组件。

请问我在这里做错什么了吗？