Components are the main building block for Angular applications. Each component consists of:

  • An HTML template that declares what renders on the page
  • A TypeScript class that defines behavior
  • A CSS selector that defines how the component is used in a template
  • Optionally, CSS styles applied to the template

It allows you to split up the whole application into reusable components. They display data on the screen, listen for user input, and take action based on that input.

Creating a new component

ng generate component NAME
ng g c NAME
ng g c NAME --skipTests true

Each component needs to have a template.

We can put interfaces in separate folder:

Was this page helpful?