如何在 table 中显示 json 值

Question

我有一个 table，它在 grid.Each 值中显示以下数据，在 table.I 中有一列通过调用 api 显示所有数据。我不知道如何在 table.Can 中显示货币代码、名称、符号、语言谁能帮我解决这个问题？

[
{
"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项。

如何在 table 中显示 json 值

how to display json value in table

json

typescript

angular-forms

angular4-forms