我設法從后端檢索非空 json 資料，我想以表格形式顯示它，任何人都可以幫助我，如何將下面的 json 資料顯示到有角度的表格中？
{"2020-12-17":
{"tanggal": "2020-12-17", "kurs_jual": "10781.030615606935", "kurs_beli": "10673.605766653045"},
"2020-12-18":
{"tanggal": "2020-12-18", "kurs_jual": "10790.980751228397", "kurs_beli": "10682.253685484742"}
}
這是在表格中顯示 json 資料的 html 代碼
<table id="example" class="table table-striped table-bordered" style="width:100%">
<thead>
<tr>
<th>Date</th>
<th>Sell</th>
<th>Buy</th>
</tr>
</thead>
<tbody>
<tr *ngFor="forecast_table let data">
<td>{{data['tanggal'].tanggal}}</td>
<td>{{data['tanggal'].kurs_jual}}</td>
<td>{{data['tanggal'].kurs_beli}}</td>
</tr>
</tbody>
</table>
uj5u.com熱心網友回復：
如果你有 JSON 格式的資料，你可以先決議資料。這會將 json 決議為 js 物件。
const obj = JSON.parse(jsonData);
然后，您可以提取要在表中顯示的條目。
const rows = Object.values(obj);
最后使用變數 rows 在您的表中進行迭代。
<tr *ngFor="let data of rows">
<td>{{data.tanggal}}</td>
<td>{{data.kurs_jual}}</td>
<td>{{data.kurs_beli}}</td>
</tr>
請注意，如果您使用 HTTPClient 獲得 json 回應并且 responseType 為 json，則無需進行決議。回應將已被決議，您可以直接將其用作 js 物件。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/476168.html