Chapter 2. A Weather Forecast Widget with Angular 2

In this chapter, we'll create a simple application that shows us the weather forecast. The framework we use, Angular 2, is a new framework written by Google in TypeScript. The application will show the weather of the current day and the next. In the following screenshot, you can see the result. We will explore some key concepts of Angular, such as data binding and directives.

We will build the application in the following steps:

• Using modules
• Setting up the project
• Creating the first component
• Adding conditions to the template
• Showing a forecast
• Creating the forecast components
• The main component