The first module – AppModule

The modules in Angular are so important to the framework that when you start a project, it automatically creates a module called AppModule.

This module contains all the parameters we studied in the previous section (declarations, providers, imports, and exports), plus one additional parameter: bootstrap. This module contains the first component to be injected into the application’s index.html file and will be the root of your Angular application’s component tree.

You may be wondering which index.html file and which tree this is.

As we described in Chapter 1, Starting Projects the Right Way, Angular is a framework for single-page applications (SPAs), and the index.html file is in fact the only page delivered by the web server to its user.

All interfaces rendered by the Angular engine (called Ivy) are built from this index.html file and the first component is described in the bootstrap metadata. This rendering obeys a data...