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

Question

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

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

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

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

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

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

Answer 1

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

注意:声明一个数据传输对象,如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');
  }