如何使用navParams获取整个对象 – Ionic 3 Angular 4

发布时间：2020-12-17 17:03:39 所属栏目：安全来源：网络整理

导读：目前我正在将数据对象从一个页面传递到另一个页面(在Modal中). 我有8个参数传递给模态视图. this.firstParam = navParams.get("firstPassed");this.secondParam = navParams.get("secondPassed");...this.eightParam = navParams.get("eightPassed"); 如何使

目前我正在将数据对象从一个页面传递到另一个页面(在Modal中).

我有8个参数传递给模态视图.

this.firstParam = navParams.get("firstPassed");
this.secondParam = navParams.get("secondPassed");
.
.
.
this.eightParam = navParams.get("eightPassed");

如何使用一次调用获取整个对象数据

this.data = navParams.getAll(); //something like this

我无法在文档中找到获取整个对象的方法.

解决方法

你不需要这样做.您可以像下面一样发送所有内容.

注意：声明像DtoMy这样的数据传输对象

DTO-my.ts

export class DtoMy {
    firstPassed: string;
    secondPassed: string;

    //your other properties
}

发送

let dtoMy = new DtoMy();
dtoMy.firstPassed= 'firstPassed';
dtoMy.secondPassed= 'secondPassed';
//your other values

const myModal = this.modalCtrl.create('MyModalPage',{ data: dtoMy });
    myModal.onDidDismiss(data => { });
    myModal.present();

接收：

我的模态,page.ts

data :DtoMy;

constructor(private navParams: NavParams,private modalCtrl: ModalController) {
      this.data = this.navParams.get('data');
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!