zl程序教程

您现在的位置是:首页 >  前端

当前栏目

Angular 路由时如何在 Component 之间传递参数

Angular路由 如何 参数 之间 传递 Component
2023-09-14 09:04:00 时间

官网

  1. 把 ActivatedRoute 和 ParamMap 导入你的组件。
import { Router, ActivatedRoute, ParamMap } from '@angular/router';
  1. 通过把 ActivatedRoute 的一个实例添加到你的应用的构造函数中来注入它:
constructor(
  private route: ActivatedRoute,
) {}
  1. 更新 ngOnInit() 方法来访问这个 ActivatedRoute 并跟踪 id 参数:
ngOnInit() {
  this.route.queryParams.subscribe(params => {
    this.name = params['name'];
  });
}

SAP Spartacus 的一个例子:

在这里插入图片描述