如何在表格中显示json值

Question

我有一个表格，该表格在网格中显示以下数据。每个值在表格中都有一列。我通过调用api显示了所有数据。我不知道如何在表格中显示货币代码，名称，符号，语言。有人可以帮我解决这个问题吗？

[
{
"name": "Afghanistan",
"topLevelDomain": [
  ".af"
],
"currencies": [
  {
    "code": "AFN",
    "name": "Afghan afghani",
    "symbol": "؋"
  }
],
"languages": [
  {
    "iso639_1": "ps",
    "iso639_2": "pus",
    "name": "Pashto",
    "nativeName": "پښتو"
  },
  {
    "iso639_1": "uz",
    "iso639_2": "uzb",
    "name": "Uzbek",
    "nativeName": "Oʻzbek"
  },
  {
    "iso639_1": "tk",
    "iso639_2": "tuk",
    "name": "Turkmen",
    "nativeName": "Türkmen"
  }
],
"translations": {
  "de": "Afghanistan",
  "es": "Afganistán",
  "fr": "Afghanistan"
}
}
 }]

Answer 1

您可以这样做：

<table>
<tr>
    <td>{{data.name}}</td>
    <td>
        <span *ngFor="let item of data.currencies">
            Code: {{item.code}}
            Name: {{item.name}}
            Symbol: {{item.symbol}}
        </span>
    </td>
</tr>

数据是您的json的项。