将参数传递给ionic中的子组件

0tdrvxhp  于 2022-12-08  发布在  Ionic
关注(0)|答案(1)|浏览(193)

我有一个父页面和三个子页面我正在使用离子路由器插座在以下页面之间导航:
parent.page.html

<ion-content>
        <ion-router-outlet></ion-router-outlet>
    </ion-content>

parent-routing-module.page.ts

children: [
      {
        path: 'child-one',
      },
      {
        path: 'child-two',
      },
      {
        path: 'child-three',
      }
    ]

我想通过数据从父页面到子页面上的每个导航与路由器插座我怎么能做到这一点?

ht4b089n

ht4b089n1#

离子路由基本上是由Angular 路由处理的,所以在这些问题上你必须寻找Angular 解决方案。
如果这是与你的子页面相关的东西,主要的方法是在子页面的url中传递字符串数据,如下所示:

children: [
      {
        path: 'child\:myVariable',
      }
    ]

在子页面中:

constructor(private route: ActivatedRoute) {
}
...
ngOnInit() {
    const myVar = this.route.snapshot.paramMap.get('myVariable');
}

或者,您可以使用angular services,它被注入到根目录中,您可以在应用中的任何位置访问数据。

相关问题