Get full access to Mastering Angular Components and 60K+ other titles, with a free 10-day trial of O'Reilly.

There are also live events, courses curated by job role, and more.

Creating navigation components

We will build our navigation from three separate components. Let's look at their purpose real quick:

The navigation item component: Represents one navigation item within our navigation. Its responsibility is to render the title of a navigation item as well as its behavior when an item is activated.
The navigation section component: This is used to visually separate navigation items that belong together. We can use this component to group navigation items under a title. This grouping makes it easier for our users to find the navigation items they are looking for.
The navigation component: This holds the full navigation together. It's just a container that contains our navigation section components together. ...

Get Mastering Angular Components now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Don’t leave empty-handed

Get Mark Richards’s Software Architecture Patterns ebook to better understand how to design components—and how they should interact.

It’s yours, free.

Get it now

Check it out now on O’Reilly

Dive in for free with a 10-day trial of the O’Reilly learning platform—then explore all the other resources our members count on to build skills and solve problems every day.

Start your free trial Become a member now