Question

我正在尝试将我的角度4应用程序与后端api连接并获得响应和json对象。现在想要向前端显示这个json响应。请查看以下json我得到的回复 -

  {
    "languages": [
      {"1": "Hindi"},
      {"2": "English"},
      {"3": "Metallica"}
    ],
    "status": "200"
  }

其中languages标签是一个json数组，我想在select选项中显示它。

请建议

Answer 1

如果您只是想显示数据，您可以通过以下方式执行此操作：

<div *ngFor='let language of data?.languages'>
    {{ language | json }}
</div>

但是如果你想以正确的方式展示它

组件方：

  getKey(el){
    return Object.keys(el)[0];
  }

  getValue(el){
    return el[this.getKey(el)];
  }

模板方：

<div *ngFor='let language of data?.languages'>
    {{ getKey(language) }} --> 
    {{ getValue(language) }}
</div>