How Angular Works

Overview

Angular is a challenging framework. Limiting the scope of what we’re attempting to achieve is one method to make it easier to grasp. Our goal is to break our massive one-file HTML design into multiple smaller ones. As a result, we are not attempting to comprehend the complete Angular framework. What we’re doing here is learning how to separate HTML pages with the aid of Angular. That’s what we’ll be doing in this chapter.

How to split HTML files with Angular

Before we even get to the HTML part, we’ll look at how Angular’s code is organized: 

• Modules hold components. 

• Components hold: 

  • The styles file

  • The HTML template file

  • The class file

Let’s see a diagram for this.