Advanced TypeScript Programming Projects

Using Material to add navigation

We will see, over and over again, that so much of what we need to do to add features to our application requires us to start with changes in app.module.ts. Material is no different, so we start by adding the following import lines:

import { LayoutModule } from '@angular/cdk/layout';import { MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule } from '@angular/material';

Now that the modules are available to us, we need to reference them in the import section of NgModule. Any module listed in this section will have its capabilities available in the templates that are in our application. When we add side-navigation support, for instance, we are relying on the fact that we have made ...