Why do we need compilation process?

The Angular components and templates cannot be understood by the browser directly. Due to that Angular applications require a compilation process before they can run in a browser. For example, In AOT compilation, both Angular HTML and TypeScript code converted into efficient JavaScript code during the build phase before browser runs it.

Practical Code Example

// Why Compilation is necessary:
// Browsers cannot execute HTML template expressions (e.g. *ngIf, {{ title }}).
// The Angular compiler transforms templates into ultra-fast JavaScript DOM update instructions.