Question

怪胎，我有一个API返回的嵌套JSON对象，obj就像：

profile : {
    title:"Mr",
    personalInfo:{
       fullNames: "John Doe",
       id: "569"
   }
   Address:{
    line1:"addd one",
    line2:"addd two" 
   }
}

我的HTML组件：

<ion-input placeholder="Full Names" [(ngModel)]="profile.personalInfo.fullNames" ></ion-input>

在编译代码时，我遇到一个错误，提示TypeError: Cannot read property 'personalInfo' of undefined

但是，当我从未嵌套的HTML组件访问 title 属性时，它就可以工作。

有什么主意吗？

Answer 1

该JSON格式不正确，您是否检查过？您在地址键之前错过了一个“，”

{
  "title": "Mr",
  "personalInfo": {
    "fullNames": "John Doe",
    "id": "569"
  },
  "Address": {
    "line1": "addd one",
    "line2": "addd two"
  }
}

Answer 2

您是否将此响应存储在HTML可以访问的任何全局变量中。似乎您没有将其存储在任何地方，否则您的绑定将显示如下。

<ion-input placeholder="Full Names" [(ngModel)]="response.profile.personalInfo.fullNames"  ></ion-input>

将您的响应存储到全局变量调用响应中，然后将其访问为HTML。

无法从component.html访问嵌套的对象值

2 个答案: