Using Components, Directives, Services, and Making HTTP Requests in Angular

Now that we have started working with the Angular CLI and created our first Angular CLI application, it is time to start exploring the various features that make Angular a highly sought after framework on the web application development scene. We'll start with Angular components, the basic building blocks of any Angular application.

Angular Components

Everything in Angular is developed as a component; classes interact with different files that are embedded in components, which form a browser display. It can also be referred to as a kind of a directive with configuration that's suitable for an application structure that is component-based.

The architecture of an Angular application is a tree of components originating from one root component configured in the bootstrap property on your root NgModule (in the app.module.ts file).

Let's look at the file structure of an Angular root component that was created by default in...