Angular 角度-使用route将附加参数传递给下一个组件

我想知道如何将其他参数传递到下一页，而不是仅使用：id

当前工作代码

来源页面（电子邮件模板）

登录页：

 this.route.params.forEach((urlParameters) => {
   this.emailId = urlParameters['id'];
 });

指定路线：

const routes: Routes = [
  {
    path: '',
    component: EmailTemplateComponent,
    data: {
      title: 'Email Template'
    }
  },
  {
    path: ':id/email-template-details',
    component: EmailTemplateDetailsComponent,
    children: [
      { path: '', redirectTo: 'email-template', pathMatch: 'full'},
      { path: '', component: EmailTemplateDetailsComponent, data: {title: 'Email Template Details'}}
    ]
  },
];

导入的路由器：

import { Router, ActivatedRoute, ParamMap } from '@angular/router';

我想要实现的事情

来源页面（电子邮件模板），此代码不起作用：

addEmailTemplate(){
    this.router.navigate([
       'email-template',
       {id:'new',type:'newType'},
       'email-template-details'
    ]);
  }

登录页（电子邮件模板详细信息）：

---

您可以使用路由解析

---

听起来是本地存储的一个很好的使用案例

addEmailTemplate(){
    localStorage.setItem('myData', JSON.stringify({id:'new',type:'newType'})
    this.router.navigate([yourUrl]);
}

然后，在页面上，您的路由到：

getData() {
  return localStorage.getItem(JSON.parse('myData'));
}

---

嗨，富兰克林，你能举例说明如何应用它吗？我还是新手

addEmailTemplate(){
    localStorage.setItem('myData', JSON.stringify({id:'new',type:'newType'})
    this.router.navigate([yourUrl]);
}

getData() {
  return localStorage.getItem(JSON.parse('myData'));
}