json - 如何在表格中显示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"
}
}
 }]

标签： jsontypescriptangular-formsangular4-forms

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。