.

Author: Grigorii Duca

README.md

@@ -1,4 +1,4 @@
-# Image lazy loading directive for Angular2
+# Image lazy loading for Angular2
 
 [![npm version](https://badge.fury.io/js/%40greg-md%2Fng-lazy-load.svg)](https://badge.fury.io/js/%40greg-md%2Fng-lazy-load)
 [![Build Status](https://travis-ci.org/greg-md/ng-lazy-load.svg?branch=master)](https://travis-ci.org/greg-md/ng-lazy-load)
@@ -17,19 +17,19 @@ npm install @greg-md/ng-lazy-load --save
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 
-// 1. Import lazy loading directive.
-import { LazyLoadDirective } from '@greg-md/ng-lazy-load';
+// 1. Import lazy loading module.
+import { LazyLoadModule } from '@greg-md/ng-lazy-load';
 
 import { AppComponent } from './app.component';
 
 @NgModule({
   imports: [
     BrowserModule,
+    // 2. Register lazy loading module.
+    LazyLoadModule,
   ],
   declarations: [
     AppComponent,
-    // 2. Register lazy loading directive.
-    LazyLoadDirective,
   ],
   bootstrap: [AppComponent]
 })

index.ts

@@ -1 +1,2 @@
+export * from './src/lazy-load.module';
 export * from './src/lazy-load.directive';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greg-md/ng-lazy-load",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Image Lazy loading for Angular2",
   "repository": {
     "type": "git",
@@ -23,6 +23,7 @@
   "main": "./index.ts",
   "devDependencies": {
     "@angular/core": "^2.0.0",
+    "@angular/common": "^2.0.0",
     "rxjs": "5.0.0-beta.12",
     "zone.js": "^0.6.21"
   }

src/lazy-load.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { LazyLoadDirective } from './lazy-load.directive';
+
+@NgModule({
+  imports: [CommonModule],
+  declarations: [LazyLoadDirective],
+  exports: [LazyLoadDirective]
+})
+export class LazyLoadModule { }