从Angular组件我也通过传递一些参数导航到另一个组件 .
我想要做的是检索我从 animalComponent 部分传递的 ani 对象,所以我可以在该组件中使用传递的对象 .
animalComponent
ani
有人可以帮我解决这个问题吗?
displayAnimals(ani) { this.router.navigate(['/ani/animalComponent', {text1 : ani}]); }
最好在queryparam中传递数据,
第1步:在导航中传递数据
this.router.navigate(['/ani/animalComponent'], {queryParams: {text1 : ani}});
第2步:进入另一个组件
constructor(private activateRoute: ActivatedRoute) { const txt = this.activateRoute.snapshot.queryParams['text1']; }
要么
在模块级别提供服务并将其注入两个组件以放置和获取数据 .
请记住,该服务的范围应该大于两个组件,以便可以在组件中使用 .
有关详细信息,请浏览this链接
你可以在组件上做,
Console.log(this.route.snapshot.paramMap.get('text1'));
您也可以使用服务将数据从一个组件传递到另一个组件,而根本不使用路由参数 . 这是 good blog 同样的
2 回答
最好在queryparam中传递数据,
第1步:在导航中传递数据
第2步:进入另一个组件
要么
使用服务
在模块级别提供服务并将其注入两个组件以放置和获取数据 .
请记住,该服务的范围应该大于两个组件,以便可以在组件中使用 .
有关详细信息,请浏览this链接
你可以在组件上做,
您也可以使用服务将数据从一个组件传递到另一个组件,而根本不使用路由参数 . 这是 good blog 同样的