Observables – data filtering

The board list on the main page shows all boards that are currently available. When purchasing a windsurfing board, however, sailors generally purchase a board depending on the type of windsurfing that they will be doing. Wave sailors will purchase a Wave board, and sailors who race each other will purchase a Slalom board.

Let's use our sidenav component to allow a user to filter the list of boards that are displayed based on either the board type, or the board manufacturer. Our sidenav component will have two groups of checkboxes as follows:

Here, we can see that the user has selected to only view boards that ...

Get Mastering TypeScript 3 - Third Edition 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.