<h1 id="tableLabel">Prognoza pogody</h1>

<p>Ten komponent demonstruje pobieranie danych z serwera.</p>

<p *ngIf="!forecasts?.length"><em>Ładowanie...</em></p>

<table class='table table-striped' aria-labelledby="tableLabel" *ngIf="forecasts.length">
  <thead>
    <tr>
      <th>Data</th>
      <th>Temp. (C)</th>
      <th>Temp. (F)</th>
      <th>Opis</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let forecast of forecasts">
      <td>{{ forecast.date }}</td>
      <td>{{ forecast.temperatureC }}</td>
      <td>{{ forecast.temperatureF }}</td>
      <td>{{ forecast.summary }}</td>
    </tr>
  </tbody>
</table>
