Can't bind to 'lazyLoad' since it isn't a known property of 'img' tag in ionic3? - ionic2

Question

I have got above error after reload the page in ionic3 after apply lazy Loading on images ?
Steps I took:
Run Npm:
npm install ng2-lazyload-image --save`
Imported into my component:
import { LazyLoadImageDirective } from 'ng2-lazyload-image';
In my template:
In above template userProduct.ImageCollection is array of dynamic image that is get from the Fire-store but i got above error after load page.
Maybe there’s something I’m overlooking, but I can’t seem to see what it is.
import { BrowserModule } from '#angular/platform-browser';
import { ErrorHandler, NgModule, enableProdMode } from '#angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { TranslateModule, TranslateLoader } from '#ngx-translate/core';
import { LazyLoadImageModule } from 'ng2-lazyload-image';
#NgModule({
declarations: [
MyApp,
ImageSlider
],
imports: [
BrowserModule,
LazyLoadImageModule,
IonicModule.forRoot(MyApp),
IonicStorageModule.forRoot(),
TranslateModule.forRoot({
loader : {
provide : TranslateLoader,
useFactory : (createTranslateLoader),
deps : [HttpClient]
}
})
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
ImageSlider,
],
providers: [
StatusBar,
SplashScreen,
Clipboard,
{provide: ErrorHandler , useClass: IonicErrorHandler},
Network
]
})
export class AppModule {}
enableProdMode();
export function createTranslateLoader(http: HttpClient) {
return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
<img [defaultImage]="assets/imgs/product_defaultImg.png" [lazyLoad]="userProduct.ImageCollection[0].url" [offset]="offset">