как отобразить значение 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.