小编Zac*_*Zac的帖子

我正在尝试使用Angular 的路由指南在 Angular Ionic v5 应用程序中实现嵌套/子路由的简单示例。我使用ionic start并选择了blank模板创建了一个项目，然后创建了两个组件ChildAComponent和ChildBComponent。以下是相关代码片段home.page.html：

<div id="container">
  <strong>Ready to create an app?</strong>
  <p>Start with Ionic <a target="_blank" rel="noopener noreferrer"
      href="https://ionicframework.com/docs/components">UI Components</a></p>
  <div id="stuff">
    <a routerLink="child-a">Child A</a><br>
    <a routerLink="child-b">Child B</a><br>
    <a routerLink="404">404</a>
  </div>
  <div id="thing">
    <router-outlet></router-outlet>
  </div>
</div>

我正在尝试使用a标签来驱动在router-outlet. 当我第一次加载页面（URL：）时，/home我可以单击其中一个链接，相应的子元素会在插座中呈现。然而，当这种情况发生时href，标签上的 s a（我假设是 Angular 基于 s 放置在那里的routerLink）全部更改为导航到的 URL。

因此，我无法单击其他组件链接来呈现该组件而不重新加载页面（返回到/home）。

单击链接之前（URL 为/home）： …