如何在angular2中进行路由时保存数据

时间:2018-09-05 09:22:18

标签: angular routing

我在angular2项目中有两个路由:

第一个是我在按下Button时从Json显示的项目的内容列表, 第二个仅用于测试

问题是当按路由显示数据并将项目传输到两条路径并返回到第一条路径时,数据将从一条路径中删除

任何人都可以帮助我在第一条路线中保存动作吗?

谢谢。

2 个答案:

答案 0 :(得分:1)

可能是问题所在,因为在路由器过渡期间ngOnInit仅被调用一次。您可能正在ngOnInit中形成数组。尝试在ngOnInit中订阅路由器事件,该事件将在用户向后导航时调用。

ngOnInit(){ 
    this.router.events.subscribe( (event: RouterEvent) => console.log(event));
}

答案 1 :(得分:1)

使用:将参数导入URL:

 this.router.navigate(['/example'],{queryParams:{key1:this.key2,key2:this.key2}})

并检查是否找到帕尔马并获取价值:

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