如何定义用于从具有数据的URL加载上一个组件的路由？

Question

以下是我

const routes: Routes = [
  {
    path: 'nav',
    component:NavComponent,
    children:[
      {
        path: 'basic-profile',
        component: BasicProfileComponent
      },
      {
        path: 'search',
        component: SearchComponent
      },
      {
        path:'business-profile',
        component: BusinessProfileComponent
      },
      {
        path:'search/business-card-full-view/:businessAccountId',
        component: BusinessCardFullViewComponent,
      },
      {
        path:'messaging',
        component: MessagingComponent,
      }
   
    ]
  },
  
];

在URL的

路线

http：// localhost：4200/nav/search/business-card-full-view/10

     {
        path:'search/business-card-full-view/:businessAccountId',
        component: BusinessCardFullViewComponent,
      },

我想去

http：// localhost：4200/nav/messaging

     {
        path:'messaging',
        component: MessagingComponent,
      }

通过单击一个按钮来发送此URL。

<button mat-button routerLink="messaging">Message</button>

按钮在BusinessCardfullviewComponent中。

我该怎么做？

我也尝试 redirectto ，

{
        path:'search/business-card-full-view/:businessAccountId',
        component: BusinessCardFullViewComponent,
        children:[
              {
                path:'messaging',
                redirectTo:'messaging',
              }
            ]
      },

但不起作用！

我使用路由器进行工作，如下所示

messaging()
  {
    this.router.navigate(['nav/messaging']);
  }

。