ionic5 在页面之间传输数据

最新推荐文章于 2024-08-17 11:37:44 发布

编程爱好者er

最新推荐文章于 2024-08-17 11:37:44 发布

阅读量244

点赞数

文章标签： java android web app

本文链接：https://blog.csdn.net/m0_46513595/article/details/104770681

版权

本文介绍了如何在Ionic5应用中使用NavigationExtras在页面之间高效地传递复杂数据，避免了仅传递ID再进行后台查询的方式。通过实例展示了在/home.home.page.ts和/app.details.details.page.ts之间的数据传输方法。

摘要由CSDN通过智能技术生成

在这篇博客之前看到了这篇文章：
https://ionicacademy.com/pass-data-angular-router-ionic-4/

另外之前自己写的程序大多时候是传ID之类的，都是对象的某个属性，比较简单。

如果页面之间传递的是对象，那么应该怎么办呢？

/home/home.page.ts:

import {
    Component } from '@angular/core';
import {
    Router, NavigationExtras } from '@angular/router';
import {
    DataService } from '../services/data.service';
 
@Component({
   
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage