在组件之间传递参数

Question

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

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

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

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

Answer 1

您可以在组件上执行

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

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

上

Answer 2

最好在queryparam中传递数据，

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

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

第2步：进入另一个组件

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

或

使用服务

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

请记住，该服务的范围应该大于两个组件，以便组件可以使用。

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