Ionic 3:设置根页面时传递数据

krv*_*krv 2 ionic-framework ionic3 angular

我正在检查一些本地存储信息,根据我得到的信息,我想加载适当的页面.

所以在我,app.component.ts我有以下.

export class MyApp {
  rootPage: string;

 constructor(){
  if(dataFound)
   this.rootPage="HomePage"
  else
   this.rootPage="OtherPage"
  }
}
Run Code Online (Sandbox Code Playgroud)

有没有办法在设置时传递数据this.rootPage.

请记住,这是应用的初始加载.如果在应用程序加载后发生这种情况,我可以这样做this.navCtrl.setRoot(),这将允许我传递参数和页面.

任何帮助表示赞赏.

谢谢

gab*_*orp 5

您也可以使用 NavParams:

this.rootPageParams = { id: "123", name: "Carl" };

<ion-nav [root]="rootPage" [rootParams]="rootPageParams"></ion-nav>
Run Code Online (Sandbox Code Playgroud)

然后从您的根页面访问参数:

让 id = navParams.get('id'); let name = navParams.get('name');


Duv*_*ral 5

正如@gaborp所说,但有一点不同:

  1. 在你的根:

    <ion-nav [root]="rootPage" [rootParams]="rootPageParams"></ion-nav>

    this.rootPageParams = {'username': "David" }

  2. 在视图中,您想要读取该参数(这是区别):

    this.username = this.nav['rootParams'].username;

我读到的只是标签,但没有简单的离子导航,所以这就是我做的方式.