/ng-weather-app

Primary LanguageTypeScript

INSTRUCTIONS

THIS HOMEWORK FOLLOWS THE STEPS TAKING DURING LECTURE THIS WEEK. THE PRIMARY DIFFERENCE

MOVING THE HTTP REQUEST AND THE CITY DETAILS TO THE weather-forecast-list. ADDITIONALLY, WE # WANT TO EXTRAPOLATE THE DISPLAYED RESULT WITHIN A weather-forecast COMPONENT.

  1. CREATE MODELS (Classes) WITH APPROPRIATE ATTRIBUTES FOR CityDetails and WeatherForecast

  2. MAKE SURE TO ADD WEATHERBIT API KEY TO environments/environment.ts

  3. ADD INPUT TO app.component.ts AND BIND THE searchText attribute IN THE app.component.ts TO THE INPUT ELEMENT

  4. PASS USER SEARCH TEXT TO CHILD COMPONENT weather-forecast-list

  5. CREATE getWeather() function IN the weather-forecast-list.component.ts. ADD THE HTTP REQUEST AS DONE IN LECTURE

  6. ADD HTML TO THE weather-forecast.html TO DISPLAY A WEATHER FORECAST RESULT

  7. ADD AN ITERATOR TO weather-forecast-list AND DISPLAY EACH WEATHER FORECAST RESULT