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

我是离子框架的新手。在这里，我试图在新页面中显示从主页收到的参数。我尝试了以下代码。但目前没有任何显示。任何人都可以告诉我我错过了什么。如何将ts文件中收到的参数显示到html页面

谢谢。

about.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();

}

}

about.html

This is About Us Page.

{{ userProfile.displayName }}

The UID for this new user is {{userProfile.uid}} and the email is {{userProfile.email}}

2017-08-05

S S

+0

“navParams”的代码是什么样的？你确定它正在返回你期望的对象吗？ –

+0

@Claies是的，我得到像这样的价值“{”uid“：”121221“，”displayName“：”测试用户“，”photoURL“：”https://scontent.xx.fbcdn.net/v/t1 .0-1/s100x100/13891932_1288454467839950_3149500025504162596_n.jpg？ –

+0

我明白我的错误。我必须对此数据执行JSON.parse –