控制台出错后，角度路由更新为未知值

问题描述

我打开了一个自定义弹出窗口，由于在 HTML 文件的插值中传递给 Angular Datapipe 的未定义值，该弹出窗口出现控制台错误。之后，我单击关闭按钮关闭该弹出窗口。 URL 首先更改为正确的路径，即

http://localhost:4200/app/main/dashboard/search

但很快就会变成一个未知的 URL 路径，其中包含一些 HTML 属性名称和值。

点击下面的关闭是导航 URL 编码。

http://localhost:4200/app/main/dashboard/search

这是发生在两者之间的导航，然后它最终路由回上述路径，因为这是路由文件中的默认路径

http://localhost:4200/?menu-close-btn=&miles=0&time=45&notes=#/app/main/dashboard/search

我找不到值的原因

'/?menu-close-btn=&miles=0&time=45&notes='

已自动添加到 URL。仅当此代码通过 Datapipe 中断时才会发生。我检查了所有写的路由器导航，但仍然不知道这个 URL 更改发生在哪里。

以下是我的路由配置：

const MAIN_MODULE_ROUTES: Routes = [
  {
    path: 'main',component: MainLayoutComponent,children: [
      {
        path: '',pathMatch: 'full',redirectTo: 'dashboard'
      },{
        path: 'dashboard',loadChildren: () => import('./modules/dashboard/dashboard.module').then(m => m.DashboardModule)
      },{
        path: 'requests',outlet: 'secondary',loadChildren: () => import('./modules/requests/requests.module').then(m => m.RequestsModule)
      },{
        path: 'financial',loadChildren: () => import('./modules/financial/financial.module').then(m => m.FinancialModule)
      },{
        path: 'report',loadChildren: () => import('./modules/reports/reports.module').then(m => m.ReportsModule)
      },{
        path: 'databases/custom/add',outlet: 'db',loadChildren: () =>
          import('./modules/databases/modules/edit-custom/edit-custom.module').then(m => m.EditCustomModule)
      },{
        path: 'databases/custom/:id/edit',{
        path: 'databases',loadChildren: () => import('./modules/databases/databases.module').then(m => m.DatabasesModule)
      }
    ]
  },{
    path: '**',redirectTo: 'main'
  }
];

解决方法

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

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

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