angular - 将 id 传入（点击）到另一个组件或路由

Question

我需要将 id 和 click 事件一起传递给另一个组件

这是component.ts

 editData(rcid){
      this.router.navigate(['/Editdata']);
  }

rcid是被点击项目的 id。而路由器“/editdata”是传递id的地方。

我已经检查了会话和本地存储，但是当它带有另一个 id 时需要刷新页面

请帮我解决一下这个。我是角度新手

Answer 1

您可以将第二个参数传递给navigate该实现NavigationExtras 接口：

this.router.navigate(['/Editdata'], { state: { id: '123' } });

在您的接收组件中，您可以提取它：

constructor(private router: Router) {
  this.id = this.router.getCurrentNavigation().extras.state.id;
}