单击图标时无法导航到新页面

Posted 2023-02-22

【中文标题】单击图标时无法导航到新页面

【英文标题】：Unable to navigate to the new page on icon click

【发布时间】：2020-01-01 05:01:13

【问题描述】：

我正在尝试通过单击图标导航到新页面，组件如下所示

getTabDetails() 
  switch (this.tabContent) 
    case 'Shipment content':
      
        this.router.navigateByUrl('/ProjectShipment/000634');
      
  
 

我的路由组件如下所示

const appRoutes: Routes = [
  
  path: 'dB',
  data:  title: 'Dashboard' ,
  children: [
      
          path: 'ProjectShipment/:reportProject',
          component: ProjectShipmentComponent,
          data:  title: 'Project Shipment' ,
      

单击图标时出现以下错误

错误：未捕获（承诺中）：错误：无法匹配任何路由。 URL 段：“ProjectShipment/000634” 错误：无法匹配任何路由。 URL 段：'ProjectShipment/000634'

但是当我尝试通过 URL 直接访问该页面时，它可以工作

http://localhost:4200/dB/ProjectShipment/000634

我错过了什么吗？

【问题讨论】：

dB 是什么？是路径吗？

@PrashantPimpale 是的 dB 是路径。我已经更新了问题

所以你目前在http://localhost:4200/dB路径？

检查接受的答案：***.com/questions/57473394/…

【参考方案1】：

你可以试试：

this.router.navigateByUrl(['ProjectShipment',000634], relativeTo:this.route);

在哪里

private route: ActivatedRoute

如果你在 /dB 路径

【参考方案2】：

self.router.navigate(['./ProjectShipment/000634']);