자식 경로 내에서 앵귤러 재질로 라우팅 된 탭을 구현하는 방법은 무엇입니까?

앵귤러 머티리얼 탭을 사용하고 싶습니다 https://material.angular.io/components/tabs 탭에서 라우터 탐색 기능을 사용하십시오.

<nav mat-tab-nav-bar> 를 사용하려고했습니다.  문서에 표시된대로 https://nirajsonawane.github.io/2018/10/27/Angular-Material-Tabs-with-Router/ 그런 템플릿을 찾을 수있는 곳 :

<nav mat-tab-nav-bar>
  <a mat-tab-link
    *ngFor="let link of navLinks"
    [routerLink]="link.link"
    routerLinkActive #rla="routerLinkActive"
    [active]="rla.isActive">
    {{link.label}}
  </a>
</nav>
<router-outlet></router-outlet>

그러나 문제는 내 탭이 내 응용 프로그램의 루트가 아니라 하위 경로의 하위 모듈에 있다는 것입니다. 나는 다음과 같은 것을 가지고있다 :

앱 라우팅 모듈 :

const routes: Routes = [
  ...
  { path: 'subpath', loadChildren: () => import('./path-to-module/submodule.module').then(m => m.SubmoduleModule) },
  ...
];

서브 모듈 라우팅 모듈에는 다음과 같은 내용이 있어야합니다 :

const routes: Routes = [
  { path: '', component: FirstTabComponent },
  { path: 'tab2', component: SecondTabComponent },
]

URL /subpath 로 이동하면  첫 번째 탭이 선택된 탭이 표시되고 URL /subpath/tab2 로 이동하면  두 번째 탭이 선택된 탭이 표시됩니다.

어떻게해야할까요?