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

Question

我需要将一个 id 与一个点击事件一起传递给另一个组件

这里是组件.ts

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

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

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

请帮我解决这个问题。我是角度新手

Answer 1

您可以将第二个参数传递给实现NavigationExtras interface 的navigate：

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

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

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