Angular 6 for Enterprise-Ready Web Applications

Installing Angular Flex Layout

Let's install and add Angular Flex layout to our project:

1. In the terminal, execute npm i @angular/flex-layout

At the time of publishing, the current release of @angular/flex-layout is version 5.0.0-beta.14, which causes numerous peer dependency errors. To get around these errors, execute npm i @angular/flex-layout@next to install version 6.0.0-beta.15, as mentioned in Chapter 4, Staying Up to Date with Angular Updates.

2. Update app.module.ts, as shown:

src/app.module.tsimport { FlexLayoutModule } from '@angular/flex-layout'imports: [...  FlexLayoutModule,],