无法在延迟加载的模块中动态导航 - Angular Dynamic Routing答案

【问题标题】：Not able to navigate dynamically inside a lazy loaded module - Angular Dynamic Routing无法在延迟加载的模块中动态导航 - Angular Dynamic Routing
【发布时间】：2019-01-25 13:14:20
【问题描述】：

我正在尝试在延迟加载的模块中动态路由。但它不起作用。

lazymodule-routing.ts

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

组件.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，但它没有。

提前致谢：)

【问题讨论】：

试试[routerLink]="['/', 'city', city.name]"

标签： angular angular-material angular-routing dynamic-routing

【解决方案1】：

您可以使用以下任一方法：

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

2.) [routerLink]="['./', city.name]" - 相对路径

【讨论】：