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 –
html页面引入ts文件,如何将ts文件中收到的参数显示到html页面相关推荐
- ssm中配置自定义参数格式化,解决页面传入的日期(字符串)与实体类的Dete属性不匹配的错误。
1.写工具类DateConverter package cn.hgq.converter;import org.springframework.core.convert.converter.Conve ...
- VSCode遇见的问题:chrome文件找不到/js中块级注释显示白色无效
找不到Chrome谷歌游览器 问题原因 早上突然用VSCode打开html页面显示: 解决办法 先去设置默认游览器是不是chrome游览器, 下载view in browser 插件 更改settin ...
- vscode老编译之前的文件_vscode 打开新文件不替换旧文件
设置 "workbench.editor.enablePreview": false- 主要是模仿robocopy的部分功能 (robocopy /L 参数可以列出本地目录和备份目 ...
- IntelliJ IDEA 项目中如何隐藏和显示.idea文件夹
IntelliJ IDEA 项目中如何隐藏和显示.idea文件夹 IntelliJ IDEA 项目中如何隐藏和显示.idea文件夹 打开设置 添加 .idea 进行对.idea 文件夹隐藏 恢复显示. ...
- vue3结合ts开发,导入vue文件,页面报红色的波浪线
项目场景: 使用vue3框架结合ts开发时,在页面导出xxx.vue文件,就会出现报错,有红色的波浪线. 问题描述: 原因分析: ts识别不出.vue文件, 解决方案: 在根目录下面添加一个xxx.d ...
- 在ts文件中引入js模块,编写声明文件的方法
一.声明文件的作用 在ts文件中引入js文件,由于js代码中没有类型约束,所以ts无法获得js代码的类型信息,进而会隐式推断js中类型为any,失去了ts代码类型推断和约束的作用,声明文件就是将一个j ...
- vue3 vite ts引入vue文件报错 ts(2307)
vue3 vite ts 生成的项目模板,在ts文件中引入vue文件报错 ts(2307),只是ts报错,并不影响项目运行. 官方文档有说明:http://vue.dragonlm.com/guide ...
- ts定义html是什么类型,TypeScript—类型定义文件(*.d.ts)
一.ts文件中引入jquery. 1.大家是否有再vue 上使用过 ts,并再 .ts文件中引用过 jquery 1.1是不是遇到过如下问题: import $ from 'jquery'; /*** ...
- ts 模板库文件_vue与ts的使用模版
[源码地址](https://github.com/jielanglang/simple-vue) [项目demo](https://xll.netlify.com/) # 这里讲下使用中注意的事项 ...
最新文章
- Hyper-V Server 2008系统管理实战
- delphi memo 行数 自动换行_大咖分享办公秘籍:Word和Excel换行
- 学习如何看懂SQL Server执行计划(三)——连接查询篇
- 【CSS】CSS前期回顾(2)
- java基础(八) 深入解析常量池与装拆箱机制
- Boring data structure problem 模拟-双端队列
- VTK:vtkPlotArea用法实战
- 【caffe-matlab】使用matlab训练caffe及绘制loss
- GitHub 告急!黑客威胁程序员不交钱就删库!
- [原创]在ObjectDataSource中使用自定义Web控件提供查询参数
- windows防火墙设置_合理利用Windows 7防火墙,阻止部分功能,避免网络恶意软件攻击...
- 硅谷初创企业控制成本 裁员风渐起
- 给文件及文件夹设置密码
- Android - 控件android:ems属性
- 多卡聚合路由器和普通路由器的区别
- 【19调剂】东北林业大学森林工程邢艳秋老师调剂信息
- 结对编程的合作情况,以及结对编程的优缺点
- 单目视觉技术、双目视觉技术、多目视觉技术
- JavaScript很少为人所知的玩法
- 判断素数的五种方法最全埃筛素数欧筛素数孪生素数