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

最新推荐文章于 2025-01-18 11:55:11 发布

南瑾i

最新推荐文章于 2025-01-18 11:55:11 发布

阅读量1.7k

点赞数

文章标签： html页面引入ts文件

本文档描述了一位新手在使用Ionic框架时遇到的问题，即无法在新页面上显示从主页传递的参数。问题在于没有正确处理接收到的数据。解决方案是通过使用`JSON.parse`来解析`navParams`获取的参数。在`about.html`中，尝试显示`userProfile`的`displayName`, `uid`和`email`属性。通过这个例子，读者可以了解到在Ionic应用中传递和显示数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我是离子框架的新手。在这里，我试图在新页面中显示从主页收到的参数。我尝试了以下代码。但目前没有任何显示。任何人都可以告诉我我错过了什么。如何将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.

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

2017-08-05

S S

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

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

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