tsファイルで受け取ったパラメータをhtmlページに表示する方法

Question

私はイオンフレームワークを初めて使用しています。ここでは、私の新しいページにホームページから受け取ったパラメータを表示しようとしています。私は次のコードを試しました。しかし、現時点では何も表示されません。誰かが私に何が欠けているか教えてもらえますか？

ありがとうございます。

about.ts

<ion-content padding> 
    <p>This is About Us Page.</p> 
    <ion-card *ngIf="userProfile"> 
     <img [src]="userProfile.photoURL"/> 
     <ion-card-content> 
      <ion-card-title> 
       {{ userProfile.displayName }} 
      </ion-card-title> 
      <p> 
       The UID for this new user is {{userProfile.uid}} and the email is {{userProfile.email}} 
      </p> 
     </ion-card-content> 
    </ion-card> 

</ion-content> 

Answer 1

チェックこのabout.html

export class AboutPage { 
    userProfile: any = null; 
    constructor(public navCtrl: NavController, public navParams: NavParams) { 
     this.userProfile = navParams.get("userProfile"); 
    } 

    ionViewDidLoad() { 
     console.log('ionViewDidLoad AboutPage'); 
    } 
    goBack() { 
     this.navCtrl.pop(); 
    } 
} 

：それはUSERPROFILEを更新するために、サブスクリプションを使用する必要はありませんhttps://ionicframework.com/docs/api/util/Events/

。これは、login（）、loadProfile（）などのイベントがトリガされたときに役立ちます。これは、対応するタスクをトリガーするので、関数this.userProfile = navParams.get("userProfile");またはその他の関連するタスクを含めることができます。