Ionic 2 / Angular - 操作 JSON

卫斯理

我无法列出 json 文件。

我的代码:

    this.http
      .post(link, data, options)
      .map(res => res.json().d)
      .subscribe(
          data => {
            this.profile = JSON.parse(data);
            console.log(this.profile);
          },
          err => {
            console.log("ERROR!: ", err);
          }
      );


Console.log 打印:

对象 {用户:对象,类:数组(1)}

{  
   "user":{  
      "name":"Name",
      "date":"19880210",
      "email":"[email protected]",
      "about":"About me",
      "picuteUrl":"http://www.url.com/Midia/User/picture.jpeg",
   },
   "class":[  
      {  
         "id":"82",
         "name":"Class 01"
      }
   ]
}

我还可以在 TypeScript 文件中获取这些值

console.log(this.profile.user.name);
console.log(this.profile.class[0]);
console.log(this.profile.class[0].name);

但是在 html 代码中我没有得到这个值。

<input type="text" value="{{profile.user.name}}">

错误:

ion-dev.js?v=1.1.4:156 TypeError: Cannot read property 'usuario' of undefined
萨吉塔兰

提供的代码中没有您访问的地方,usuario。您可以使用elvis/safe运算符来检查值是否存在

<input type="text" value="{{profile?.user?.name}}">

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Json操作TypeScript Angular 2

来自分类Dev

Json操作TypeScript Angular 2

来自分类Dev

Ionic2 / Angular2:在查询页面上显示JSON响应时出错

来自分类Dev

Ionic2 / Angular2:在查询页面上显示JSON响应时出错

来自分类Dev

如何将 HTTP JSON 响应转换为 HTML(Ionic2、Angular2、TypeScript、PHP、JSON)?

来自分类Dev

Angular 2(Ionic 2):拦截Ajax请求

来自分类Dev

Angular 2(Ionic 2):拦截Ajax请求

来自分类Dev

Ionic 2/Angular 2 显示阵列

来自分类Dev

Angular 2 和 Ionic 2 与 Visual Studio

来自分类Dev

JSON 数组操作 Angular 5 打字稿

来自分类Dev

在 ionic2 通知按钮中添加操作

来自分类Dev

Ionic 2 - 为 android 使用 ios 操作表样式

来自分类Dev

Angular2中的CRUD操作

来自分类Dev

在 Ionic 2 中迭代 JSON 数据

来自分类Dev

将JavaScript \ Ionic \ Angular 1应用迁移到Typescript \ Ionic 2 \ Angular 2应用

来自分类Dev

带有Angular JS 1或Angular JS 2的Ionic 1

来自分类Dev

Ionic 2 / Angular 2:如何从Ionic 2警报上的超链接或按钮发出单击事件?

来自分类Dev

Angular 2 + Ionic 2:检测对象是否被修改

来自分类Dev

Ionic 2 / Angular 2中的承诺,怎么办?

来自分类Dev

间隔上的Ionic2或Angular2 HTTP请求

来自分类Dev

ionic2 + Angular2的列表选择

来自分类Dev

ionic2 + angular2-单击禁用按钮

来自分类Dev

Ionic2 + Angular2还是React-native?

来自分类Dev

Angular2 / Ionic2:数据绑定

来自分类Dev

在Ionic 2 / Angular 2 beta 10中访问窗口对象

来自分类Dev

以Angular 2 / Ionic 2中的形式访问选定的对象属性

来自分类Dev

Ionic 2 / Angular 2中的承诺,怎么办?

来自分类Dev

Angular 2 / Ionic 2 ngModel动态全局变量

来自分类Dev

Angular2 Ionic2使用Cordova创建插件

Related 相关文章

热门标签

归档