🚀

tjoskar · Jun 5, 2020 · 7fe50bd · 7fe50bd
1 parent 2308267
commit 7fe50bd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/463-invalid-provider-for-lazyLoadImageHooks/package.json b/463-invalid-provider-for-lazyLoadImageHooks/package.json
@@ -19,6 +19,7 @@
     "@angular/platform-browser": "~9.1.9",
     "@angular/platform-browser-dynamic": "~9.1.9",
     "@angular/router": "~9.1.9",
+    "ng-lazyload-image": "^8.0.1",
     "rxjs": "~6.5.4",
     "tslib": "^1.10.0",
     "zone.js": "~0.10.2"

diff --git a/463-invalid-provider-for-lazyLoadImageHooks/src/app/app.component.ts b/463-invalid-provider-for-lazyLoadImageHooks/src/app/app.component.ts
@@ -2,7 +2,9 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-root',
-  template: '<h1>Hello</h1>',
+  template: ` <img [defaultImage]="defaultImage" [lazyLoad]="image" /> `,
 })
 export class AppComponent {
+  defaultImage = 'https://www.placecage.com/1000/1000';
+  image = 'https://images.unsplash.com/photo-1443890923422-7819ed4101c0?fm=jpg';
 }
diff --git a/463-invalid-provider-for-lazyLoadImageHooks/src/app/app.module.ts b/463-invalid-provider-for-lazyLoadImageHooks/src/app/app.module.ts
@@ -1,5 +1,6 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
+import { LazyLoadImageModule } from 'ng-lazyload-image';
 
 import { AppComponent } from './app.component';
 
@@ -8,7 +9,8 @@ import { AppComponent } from './app.component';
     AppComponent
   ],
   imports: [
-    BrowserModule
+    BrowserModule,
+    LazyLoadImageModule
   ],
   providers: [],
   bootstrap: [AppComponent]