Components

In the first three chapters of this book, we saw a whole lot of Angular components. The Angular Component is one of the main building blocks of an Angular application with, for example, services, pipes, and so on. As a reminder, a TypeScript class becomes an Angular component using the following annotation:

import { Component } from '@angular/core'; 
 
@Component({ 
  selector: 'app-root', 
  templateUrl: './app.component.html', 
  styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
  title = 'app'; 
} 

Here, the AppComponent class is supercharged with the behavior of the selector, templateUrl, and styleUrls Angular components.