如何在 ionic v 6 angular 页面之间传递数据

Question

我需要一些帮助来解释如何将数据传递给视图，因为在我的例子中，我正在向视图发送数据并且该数据被很好地接收但没有显示到登陆页面，我用console.log（数据离开 this.navCtrl.navigateforward (['post', {data: data}])

Answer 1

这是一个例子：

export class FirstPage implements OnInit {

  constructor (private nav: NavController) {}

  private showDetail (_event, item) {
    this.nav.navigateForward(`url/${item.uid}`, { state: { item } })
  }
}

要在第二页上获取数据，您可以像这样使用 Router：

export class SecondPage implements OnInit {
  item: any

  constructor (private route: ActivatedRoute, private router: Router) {
    this.route.queryParams.subscribe(_p => {
      const navParams = this.router.getCurrentNavigation().extras.state
      if (navParams) this.item = navParams.item
    })
  }
}

如何在 ionic v 6 angular 页面之间传递数据

how to pass data between ionic v 6 angular pages

ionic-framework

angular