doneit-web/src/app/pages/publications/view-publications/view-publications.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';

import { IonicModule } from '@ionic/angular';

import { ViewPublicationsPageRoutingModule } from './view-publications-routing.module';

import { ViewPublicationsPage } from './view-publications.page';

import { HeaderPageModule } from 'src/app/shared/header/header.module';

import { Attributes, IntersectionObserverHooks, LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS } from 'ng-lazyload-image';

export class LazyLoadImageHooks extends IntersectionObserverHooks {
setup(attributes: Attributes) {
  attributes.offset = 10;
  attributes.defaultImagePath = "/assets/icon/icon-no-image.svg";
  attributes.errorImagePath = "/assets/icon/icon-no-image.svg";
  return super.setup(attributes);
}
}

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,

    ViewPublicationsPageRoutingModule,
    HeaderPageModule,
    LazyLoadImageModule
  ],
  exports: [ViewPublicationsPage],
  declarations: [ViewPublicationsPage],
  providers: [{provide: LAZYLOAD_IMAGE_HOOKS, useClass: LazyLoadImageHooks}]
})
export class ViewPublicationsPageModule {}