使用 navigateByUrl() 传递查询参数

Question

我试图通过点击一个图标导航到一个新页面，下面是代码

  this.prj = e.data.project_number;
  this.router.navigateByUrl('/dashboard/ProjectShipment/634');

而不是这个硬编码的查询参数，000634我必须将 a 传递this.prj给它。我的路径如下

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

Answer 1

您可以使用“router.navigate”代替“router.navigateByUrl”：

this.router.navigate([URL],{ queryParams: { id: this.prj });

Answer 2

只需使用字符串插值即可

this.router.navigateByUrl(`/dashboard/ProjectShipment/${this.prj}`);