Ionic 2：设置根页面时提供数据

Question

在Ionic 2中设置rootPage时，有没有办法提供数据？我知道我可以像NavController这样提供数据：

this.navCtrl.push(NewPage, {
    foo: bar
})

但如果我想设置新的rootPage，我该如何传递数据？

Answer 1

您可以设置根页面并传递如下数据：

this.navCtrl.setRoot(YourPage,{myData:"test data"})

然后您可以在'YourPage'中获取此数据，如下所示：

this.navParam.get('myData')

Answer 2

app.component.ts中的

我有以下内容：

export class MyApp {
  @ViewChild(Nav) nav: Nav;

  ...

所以我可以这样改变rootPage：

this.nav.push(NewPage, {
    foo: bar
})

而不是：

this.rootPage = NewPage;

并且传递的所有数据都将在NewPage

中提供

Answer 3

从导航堆栈中弹出页面

this.navCtrl.pop();

要在整个应用程序的任何位置更改根页面：

this.navCtrl.setRoot(SecondPage);

将数据传递到根页面：

this.navCtrl.push(SecondPage, {
        thing1: data1,
        thing2: data2
});