<h1>Prognoza pogody</h1>

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

<p *ngIf="!forecasts"><em>Wczytywanie...</em></p>

<table class='table' *ngIf="forecasts">
    <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.dateFormatted }}</td>
            <td>{{ forecast.temperatureC }}</td>
            <td>{{ forecast.temperatureF }}</td>
            <td>{{ forecast.summary }}</td>
        </tr>
    </tbody>
</table>
