Skip to content
This repository was archived by the owner on Jan 6, 2025. It is now read-only.

Fast Starts

Jump to bottom
CaerusKaru edited this page Dec 26, 2018 · 16 revisions

NPM Install

npm install angular/flex-layout-builds angular/cdk-builds --save

Note: this installs a nightly build required for Angular 4.x; until Beta.9 is released.

Next, modify your app.module.ts to use the FlexLayoutModule:

import {NgModule} from '@angular/core'; import {BrowserModule} from '@angular/platform-browser'; import {FlexLayoutModule} from "@angular/flex-layout"; import {DemoAppComponent} from './demo-app/demo-app'; @NgModule({ declarations: [DemoAppComponent], bootstrap: [DemoAppComponent], imports: [ BrowserModule, FlexLayoutModule, ] }) export class DemoAppModule {}

SystemJS + UMD

If your project is using SystemJS for module loading, you will need to add @angular/flex-layout to the SystemJS configuration.

Here is a example configuration where @angular/flex-layout is used:

System.config({ // Existing configuration options map: { // ... '@angular/flex-layout': 'npm:@angular/flex-layout/bundles/flex-layout.umd.js', // ... } });

1) Angular CLI + npm + @angular/flex-layout

If you are using the Angular CLI to bundle and serve your application (using ng serve), run the following command:

npm install angular/flex-layout-builds angular/cdk-builds

Next, modify your app.module.ts to use the FlexLayoutModule:

import {NgModule} from '@angular/core'; import {BrowserModule} from '@angular/platform-browser'; import {FlexLayoutModule} from "@angular/flex-layout"; import {DemoAppComponent} from './demo-app/demo-app'; @NgModule({ declarations: [DemoAppComponent], bootstrap: [DemoAppComponent], imports: [ BrowserModule, FlexLayoutModule ] }) export class DemoAppModule {}

Local Builds

Developers can, however, easily install this @angular/flex-layout library using a local repository build and a directory copy:

npm run lib:build cd dist/packages/flex-layout npm pack /* This will create an npm binary that you can install from */

                   -   API Documentation   -   StackBlitz Template   -   Live Demos

Clone this wiki locally