首页 文章

在组件之间传递参数

提问于
浏览
1

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

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

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

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

2 回答

  • 0

    最好在queryparam中传递数据,

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

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

    第2步:进入另一个组件

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

    要么

    使用服务

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

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

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

  • 0

    你可以在组件上做,

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

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

相关问题