Json 无法显示数组类型的接口值

我有一个名为

demo

的组件，其中显示了API中的一些数据

html

app-models.ts（此文件中声明的接口（用户））

Json

我面临一个问题。在html中，

名称

显示良好。但在显示地址（即地址）时。 它显示为

[对象对象][对象对象]

---

我想显示所有地址，我尝试使用了*ngFor，但没有得到准确的结果：）

您正在按原样打印地址数组。你必须循环浏览它们并打印出你需要的内容。但我不是一个棱角分明的人

<div *ngFor="let user of users">
  <p>Name: {{user?.name}}</p>
  <div *ngFor="let a of user?.addresses">
    <p>State: {{a.address.state}}</p>
  </div>
</div> 

名称：{{user？.Name}

状态：{a.address.State}

您正在按原样打印地址数组。你必须循环浏览它们并打印出你需要的内容。但我不是一个棱角分明的人

<div *ngFor="let user of users">
  <p>Name: {{user?.name}}</p>
  <div *ngFor="let a of user?.addresses">
    <p>State: {{a.address.state}}</p>
  </div>
</div> 

名称：{{user？.Name}

状态：{a.address.State}

json无效如何无效？？user.addresses==>是数组，这就是为什么您得到[object]，而json中没有电话；）json无效它是如何无效的？？user.addresses==>是数组，这就是为什么您得到[object]并且json中没有电话；）

 export interface User{
    name: string;
    addresses:  IAddressElement[];
 }

 export interface IAddressElement {
     type:            string;
     city:            string;
     countryOrRegion: string;
     postalCode:      string;
     state:           string;
   }

  "name": "Jhon",
   "addresses": [
    {
        "address": {
            "type": "Home",
            "city": "Loretto",
            "countryOrRegion": "United States",
            "postalCode": "00000",
            "state": "Minnesota",
        }
      },
      {
        "address": {
            "type": "Business",
            "city": "Norwalk",
            "countryOrRegion": "United States",
            "postalCode": "1111",
            "state": "Connecticut",
        }
      },
      {
        "address": {
            "type": "Business",
            "city": "Huntington",
            "countryOrRegion": "United States",
            "postalCode": "33333",
            "state": "West Virginia",
        }
     }
   ],

<div *ngFor="let user of users">
  <p>Name: {{user?.name}}</p>
  <div *ngFor="let a of user?.addresses">
    <p>State: {{a.address.state}}</p>
  </div>
</div>