title: How to show this json key value data format into table in angular?
body: <p>i managed to retrieve non-null json data from backend and i want to display this in table form, can anyone help me, how to display json data like below into table in angular?</p>
  <pre><code>{&quot;2020-12-17&quot;: 
     {&quot;tanggal&quot;: &quot;2020-12-17&quot;, &quot;kurs_jual&quot;: &quot;10781.030615606935&quot;, &quot;kurs_beli&quot;: &quot;10673.605766653045&quot;}, 
  &quot;2020-12-18&quot;: 
     {&quot;tanggal&quot;: &quot;2020-12-18&quot;, &quot;kurs_jual&quot;: &quot;10790.980751228397&quot;, &quot;kurs_beli&quot;: &quot;10682.253685484742&quot;}
  }
  </code></pre>
  <p>this is the html code to display the json data in the table</p>
  <pre><code>&lt;table id=&quot;example&quot; class=&quot;table table-striped table-bordered&quot; style=&quot;width:100%&quot;&gt;
    &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Date&lt;/th&gt;
      &lt;th&gt;Sell&lt;/th&gt;
      &lt;th&gt;Buy&lt;/th&gt;
    &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
    &lt;tr *ngFor=&quot;forecast_table let data&quot;&gt;
      &lt;td&gt;{{data['tanggal'].tanggal}}&lt;/td&gt;
      &lt;td&gt;{{data['tanggal'].kurs_jual}}&lt;/td&gt;
      &lt;td&gt;{{data['tanggal'].kurs_beli}}&lt;/td&gt;
    &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>