在组件之间传递参数

从Angular组件我也通过传递一些参数导航到另一个组件 .

我想要做的是检索我从 animalComponent 部分传递的 ani 对象,所以我可以在该组件中使用传递的对象 .

有人可以帮我解决这个问题吗?

displayAnimals(ani) {
    this.router.navigate(['/ani/animalComponent', {text1 : ani}]);
  }

回答(2)

2 years ago

最好在queryparam中传递数据,

第1步:在导航中传递数据

this.router.navigate(['/ani/animalComponent'], {queryParams: {text1 : ani}});

第2步:进入另一个组件

constructor(private activateRoute: ActivatedRoute) {
    const txt = this.activateRoute.snapshot.queryParams['text1'];
}

要么

使用服务

在模块级别提供服务并将其注入两个组件以放置和获取数据 .

请记住,该服务的范围应该大于两个组件,以便可以在组件中使用 .

有关详细信息,请浏览this链接

2 years ago

你可以在组件上做,

Console.log(this.route.snapshot.paramMap.get('text1'));

您也可以使用服务将数据从一个组件传递到另一个组件,而根本不使用路由参数 . 这是 good blog 同样的