如何将 ts 文件中收到的参数显示到 html 页面

Question

我是离子框架的新手。在这里，我尝试在新页面中显示从主页收到的参数。我已经尝试了以下代码。但目前没有任何显示。谁能告诉我我错过了什么。

谢谢。

关于.ts

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();
}
}

关于.html

<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

检查这个： https://ionicframework.com/docs/api/util/Events/

不必使用订阅来更新用户配置文件。当触发某些事件(如login((，loadProfile(((时，这可能会有所帮助。因为这将触发相应的任务，您可以包含函数this.userProfile = navParams.get("userProfile");或其他相关函数。