Skip to content
Lazy loading Angular components
TypeScript JavaScript HTML CSS
Branch: master
Clone or download

Latest commit

Latest commit 959a533 Feb 16, 2020

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
e2e initial commit Feb 15, 2020
src prettierrc again Feb 16, 2020
.editorconfig initial commit Feb 15, 2020
.gitignore initial commit Feb 15, 2020
.prettierrc prettierrc again Feb 16, 2020
README.md gif Feb 16, 2020
angular.json initial commit Feb 15, 2020
browserslist initial commit Feb 15, 2020
karma.conf.js initial commit Feb 15, 2020
lazy.gif gif Feb 16, 2020
package-lock.json initial commit Feb 15, 2020
package.json initial commit Feb 15, 2020
tsconfig.app.json
tsconfig.json initial commit Feb 15, 2020
tsconfig.spec.json initial commit Feb 15, 2020
tslint.json initial commit Feb 15, 2020

README.md

angular-lazy-load-demo

Lazy loaded component demo.

You can learn more from this article here.

Quick Start

Angular 9 is required.

  1. Clone this repo git clone git@github.com:johnpapa/angular-lazy-load-demo.git
  2. Run cd angular-lazy-load-demo
  3. Run ng serve for a dev server.
  4. Navigate to http://localhost:4200/

lazy load

Learn More

These examples should be able to help you get started with lazy loading components dynamically, with or without children. If you want to learn more, check out these resources:

  1. Dynamic Component Loader
  2. 7 new features in Angular 9.
  3. VS Code editor
  4. Angular Essentials Extension for VS Code
  5. Angular Language Service for VS Code
  6. Angular Lazy Load Demo source code
You can’t perform that action at this time.