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

  1. ssm中配置自定义参数格式化,解决页面传入的日期(字符串)与实体类的Dete属性不匹配的错误。

    1.写工具类DateConverter package cn.hgq.converter;import org.springframework.core.convert.converter.Conve ...

  2. VSCode遇见的问题:chrome文件找不到/js中块级注释显示白色无效

    找不到Chrome谷歌游览器 问题原因 早上突然用VSCode打开html页面显示: 解决办法 先去设置默认游览器是不是chrome游览器, 下载view in browser 插件 更改settin ...

  3. vscode老编译之前的文件_vscode 打开新文件不替换旧文件

    设置 "workbench.editor.enablePreview": false- 主要是模仿robocopy的部分功能 (robocopy /L 参数可以列出本地目录和备份目 ...

  4. IntelliJ IDEA 项目中如何隐藏和显示.idea文件夹

    IntelliJ IDEA 项目中如何隐藏和显示.idea文件夹 IntelliJ IDEA 项目中如何隐藏和显示.idea文件夹 打开设置 添加 .idea 进行对.idea 文件夹隐藏 恢复显示. ...

  5. vue3结合ts开发,导入vue文件,页面报红色的波浪线

    项目场景: 使用vue3框架结合ts开发时,在页面导出xxx.vue文件,就会出现报错,有红色的波浪线. 问题描述: 原因分析: ts识别不出.vue文件, 解决方案: 在根目录下面添加一个xxx.d ...

  6. 在ts文件中引入js模块,编写声明文件的方法

    一.声明文件的作用 在ts文件中引入js文件,由于js代码中没有类型约束,所以ts无法获得js代码的类型信息,进而会隐式推断js中类型为any,失去了ts代码类型推断和约束的作用,声明文件就是将一个j ...

  7. vue3 vite ts引入vue文件报错 ts(2307)

    vue3 vite ts 生成的项目模板,在ts文件中引入vue文件报错 ts(2307),只是ts报错,并不影响项目运行. 官方文档有说明:http://vue.dragonlm.com/guide ...

  8. ts定义html是什么类型,TypeScript—类型定义文件(*.d.ts)

    一.ts文件中引入jquery. 1.大家是否有再vue 上使用过 ts,并再 .ts文件中引用过 jquery 1.1是不是遇到过如下问题: import $ from 'jquery'; /*** ...

  9. ts 模板库文件_vue与ts的使用模版

    [源码地址](https://github.com/jielanglang/simple-vue) [项目demo](https://xll.netlify.com/) # 这里讲下使用中注意的事项  ...

最新文章

  1. Hyper-V Server 2008系统管理实战
  2. delphi memo 行数 自动换行_大咖分享办公秘籍:Word和Excel换行
  3. 学习如何看懂SQL Server执行计划(三)——连接查询篇
  4. 【CSS】CSS前期回顾(2)
  5. java基础(八) 深入解析常量池与装拆箱机制
  6. Boring data structure problem 模拟-双端队列
  7. VTK:vtkPlotArea用法实战
  8. 【caffe-matlab】使用matlab训练caffe及绘制loss
  9. GitHub 告急!黑客威胁程序员不交钱就删库!
  10. [原创]在ObjectDataSource中使用自定义Web控件提供查询参数
  11. windows防火墙设置_合理利用Windows 7防火墙,阻止部分功能,避免网络恶意软件攻击...
  12. 硅谷初创企业控制成本 裁员风渐起
  13. 给文件及文件夹设置密码
  14. Android - 控件android:ems属性
  15. 多卡聚合路由器和普通路由器的区别
  16. 【19调剂】东北林业大学森林工程邢艳秋老师调剂信息
  17. 结对编程的合作情况,以及结对编程的优缺点
  18. 单目视觉技术、双目视觉技术、多目视觉技术
  19. JavaScript很少为人所知的玩法
  20. 判断素数的五种方法最全埃筛素数欧筛素数孪生素数

热门文章

  1. 【2019-游记】中山纪念中学暑期游Day14
  2. 【HDU 3903】三角函数的一些性质
  3. 开学季!美斯坦福提醒各位新生:警惕来自自考成教的忽悠!
  4. 驱动开发:内核读取SSDT表基址
  5. JavaScript进阶必会的手写功能
  6. CSS2017:聚焦新秩序下的安全之道 开放合作共建安全新生态
  7. 用html在网页界面生成一朵玫瑰花
  8. 001-jquery-01
  9. 李开复讲述离开谷歌后的生活
  10. 中兴U880 完美版2.3.7第三弹炫目登场,你还在为刷机而烦恼?来吧!它值得你拥有!!!!