Learn TypeScript 3 by Building Web Applications

Revisiting the book page

Let's import some additional Angular Material modules to improve our book page.

Edit the shared module again to import a few more Angular Material components:

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FlexLayoutModule } from '@angular/flex-layout'; 
import { 
  MatButtonModule, 
  MatCardModule, 
  MatDividerModule, 
  MatFormFieldModule, 
  MatIconModule, 
  MatInputModule, 
  MatOptionModule, 
  MatSelectModule, 
  MatTableModule, 
  MatToolbarModule, 
} from '@angular/material'; 
...

Then, update the module's exports array accordingly:

 @NgModule({ declarations: [], imports: [ CommonModule, ], exports: [ FlexLayoutModule, MatButtonModule, MatCardModule, MatDividerModule, MatFormFieldModule, ...