This repository was archived by the owner on Jan 6, 2025. It is now read-only.
- Notifications
You must be signed in to change notification settings - Fork759
Using Angular CLI
CaerusKaru edited this pageDec 26, 2018 ·10 revisions
Using Flex-Layout with the the Angular CLI is easy.
# Globalnpm uninstall -g @angular/clinpm install -g @angular/cling new my-project
rm -rf node_modules/npm install
The new command creates a project with a build system for your Angular app.
npm install @angular/flex-layout @angular/cdk --save
This installs the most recent npm release of Flex-Layout.
npm install angular/flex-layout-builds angular/cdk-builds --save
This installs a nightly build which incorporates the latest updates not yet published to NPM
src/app/app.module.ts
import{NgModule}from'@angular/core';import{FlexLayoutModule}from'@angular/flex-layout';// other imports@NgModule({imports:[FlexLayoutModule], ...})exportclassPizzaPartyAppModule{}
If your project is using SystemJS for module loading, you will need to add@angular/flex-layoutto the SystemJS configuration:
System.config({// existing configuration optionsmap:{ ...,'@angular/flex-layout':'npm:@angular/flex-layout-builds/bundles/flex-layout.umd.js''@angular/cdk':'npm:@angular/cdk-builds/bundles/cdk.umd.js'}});
Developers are encouraged to review the live demos and source for the Flex-Layout Demos:
Quick Links
Documentation
Demos
StackBlitz Templates
Learning FlexBox
History
Developer Guides
Contributing