Question

我使用的是角度5 ，我的路由文件很长：

const homeRoutes: Routes = [
  {
    path: 'home', component: HomeComponent,
    children: [
      {
        path: 'registration',
        component: RegistrationComponent,
        children: [
          {
            path: 'synthese',
            component: SyntheseComponent
          },
          {
            path: 'queue',
            component: QueueComponent,
            children: [
              {
                path: 'queue-modal',
                component: QueueModalComponent
              },
              {
                path: 'confirm',
                component: ConfirmComponent
              }
            ]
          }
        ]
      },
      {
...

我想在“ 注册”路径内传递数据。

我被告知，我需要这样写：path: 'registration/:mydata'，

，然后订阅 ActivatedRoute

的数据

我并不总是传递数据的问题，仅在某些情况下会出现。

我如何以最小的影响做到这一点？

Answer 1

您可以使用查询字符串参数（AKA queryParams）代替路由参数。您无需在路由中定义查询参数。

以下是相对href的示例：

registration/?mydata=123

这是为queryParams定义routerLink的方式：

<a [routerLink]="['registration']" [queryParams]="{ mydata: 123 }">Go to Registration</a>

这是读取参数值的方法：

myValue: any;

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.route.queryParams.subscribe(params => {
    this.myValue = params['mydata'];
  });
}

角度：在路线内传递可选数据

1 个答案: