Не в состоянии динамически перемещаться внутри лениво загруженного модуля - Angular Dynamic Routing

Question

Я пытаюсь маршрутизировать динамически внутри лениво загруженного модуля. Но это не работает.

lazymodule-routing.ts

 {
    path: "city",
    component: CityComponent,
    children: [{ path: "/:name", component: NameComponent }]
  }

component.ts

 <div *ngIf="showCities">
   <mat-nav-list  *ngFor="let city of cities" >
     <a [routerLink]="['', city.name]" mat-list-item>
       {{city.name}} <img src="{{city.country_flag_url}}" />
     </a>
   </mat-nav-list>
 </div>

Я хочу, чтобы он перешел к NameComponent, но это не так.

Заранее спасибо:)

Answer 1

Вы можете использовать любой из этих методов:

1.) [routerLink]="['city', city.name]"

2.) [routerLink]="['./', city.name]" - Относительный путь