棱角分明的路线：跳闸后路由器出口停止工作

问题描述

我正在构建一个功能，其中包含如下图所示的多个屏幕。

如您所见，共有2页： /奖励和 /奖励/积分 它们每个都包含两个小组件： /奖励/列表，/ reward / history 和 /奖励/积分/ acc，/ reward / point / history 。 （这些组件通过路由器插座显示）

/奖励是默认页面，当用户到达此页面时，他们可以在以下两个部分之间切换： /奖励/列表和 /奖励/ history 。同样在该页面上，他们有一个按钮可以将他们带到 /奖励/积分页面，在该页面上可以在两个组成部分之间进行切换： / reward / point / acc 和 /奖励/积分/历史记录。在 /奖励/积分页面上，用户还具有返回按钮，可返回到 /奖励。

这是我的路线配置：

const routes: Routes = [
  {
    path: '',component: RewardPage,children: [
      {
        path: 'list',component: RewardListComponent
      },{
        path: 'history',component: RewardHistoryComponent
      }
    ]
  },{
    path: 'point',component: RewardPointPage,children: [
      {
        path: 'acc',component: RewardPointAccComponent
      },component: RewardPointHistoryComponent
      }
    ]
  }
];

当我即将完成此功能时， /奖励页面出现了一个奇怪的问题：

1. 首先，我尝试在 / reward / list 和 /奖励/历史记录，可以。
2. 第二，我导航到 /奖励/积分页面并尝试切换 在 /奖励/积分/积分和 /奖励/积分/历史之间，可以 也是。
3. 最后，我导航回到 /奖励/列表，然后尝试切换 在 /奖励/列表和奖励/历史之间，它将停止工作。当我单击选项卡进行切换时 在这两个组件之间，只有URL发生了变化， router-outlet 的内容保持不变。 （令人惊讶的是，我仍然可以导航到 /奖励/积分页面）

我不知道为什么 / reward 页面的路由器插座在弹出另一页面后为何停止工作？我需要在这里添加一些额外的配置吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）