Ionic 4使用新的navcontrol在页面之间传递数据

时间:2019-04-16 07:51:27

标签: angular ionic-framework angular-routing ionic4

我需要帮助。在我使用此方法传递数据之前:

    this.navCtrl.push(UserSettingsPage, { userConfiguration: this.userConfiguration})

在另一页中,我使用navparams获取数据:

    this.userConfiguration = this.navParams.get('userConfiguration')

现在我不能,因为导航控件已更改。 我需要使用新的navControl传递数据:

    this.navCtrl.navigateForward('user-settings')

但是我不知道如何在另一页中获取数据。

1 个答案:

答案 0 :(得分:0)

好吧,使用这种方式通过navCtrl传递数据:

您要在app-routing.module.ts文件中发送/传递ID /参数放置ID的位置

{ path: 'studentedit/:sid', loadChildren: './studentedit/studentedit.module#StudentEditPageModule'},

然后在html文件中

<h1 (click)="gotoUpdate(std.studentID)" >click</h1>

在page.ts文件中

gotoProductlist(studentID: string) {
  this.navCtrl.navigateForward('/studentUpdate/' + studentID);
}

在编辑页面中

ngOnInit() {
   // Get the ID that was passed with the URL
   let id = this.activatedroute.snapshot.paramMap.get('sid');
}

从另一个页面获取ID。请使用您的页面名称和数据名称。

希望它可以帮助您:)