Submodule 19.3: Angular Components

Menu component dispaly

Next, open app.component.html file and add the following after the Jumbotron:

<app-menu></app-menu>

This way, the menu.component takes a part of what is included inside the app.component's template.

We can see that the selector for the menu.component has been defined as app-menu. If we want to include that menu file in app.component.html, we just write <app-menu></app-menu>.

So whatever is defined in the menu.component template will be placed into app.component.