Something went wrong. Try again.
Some angular code i wrote while following: Angular - The Complete Guide (2025 Edition)
Something went wrong. Try again.
875 B · 30 lines
HTML
at master
12345678910111213141516171819202122232425262728293031<main> <article class="temperatures"> <header> <img src="temp-icon.png" alt="Thermometer icon" /> <div> <h2>Current Temperatures</h2> <p>{{ currentDate | date: "medium" }}</p> </div> </header> <p>New York: {{ currentTemperaturs.newYork | temp }}</p> <p>Berlin: {{ currentTemperaturs.berlin | temp }}</p> <p>Paris: {{ currentTemperaturs.paris | temp }}</p> <p>Chicago: {{ currentTemperaturs.chicago | temp }}</p> </article>
<article class="temperatures"> <header> <img src="temp-icon.png" alt="Thermometer icon" /> <div> <h2>Historic Temperatures</h2> <p>Berlin</p> </div> </header> <ul> @for (temperature of historicTemperatures | sort; track temperature) { <li (click)="onReset($index)">{{ temperature }}</li> } </ul> </article></main>