Ionic2 如何在Ionic 3中登录Facebook后导航到其他页面

我想在登录facebook后导航到另一个页面。现在我可以使用Facebook登录并停留在同一个页面上，但我想导航到另一个页面

我的.html文件是

<button ion-button full (click)="loginWithFB()">Login!</button> 
<ion-card *ngIf="userData; else facebookLogin">
  <ion-card-header>{{ userData.username }}</ion-card-header>
  <img [src]="userData.picture" />
  <ion-card-content>
    <p>Email: {{ userData.email }}</p>
    <p>First Name: {{ userData.first_name }}</p>
  </ion-card-content>
</ion-card> 

---

您只需在facebook登录呼叫后返回的承诺中使用

navController

推送页面：

this.facebook.api('me?fields=id,name,email,first_name,picture.width(720).height(720).as(picture_large)', []).then(profile => {
  this.userData = {email: profile['email'], first_name: profile['first_name'], picture: profile['picture_large']['data']['url'], username: profile['name']};
  this.navCtrl.push(PageName, PageParametersIfAny);
});

推送页面有两种方式：

• 如果没有延迟加载应用程序，则直接从其文件导入页面
• 只要传递包含页面名称的字符串（如果是延迟加载的）

如果不是惰性加载，则如下所示：

import { MyPage } from 'path/to/my/page/folder'; 

...
this.navCtrl.push(MyPage);

this.navCtrl.push('MyPage'); // There's no import

或者，如果延迟加载：

import { MyPage } from 'path/to/my/page/folder'; 

...
this.navCtrl.push(MyPage);

this.navCtrl.push('MyPage'); // There's no import

---

希望这有帮助。

有什么问题吗？只需使用setRoot（）而不是push（）。