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

import { CUSTOM_ELEMENTS_SCHEMA, 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 { Attributes, IntersectionObserverHooks, LazyLoadImageModule, LAZYLOAD_IMAGE_HOOKS } from 'ng-lazyload-image';
import { ShowMorePageModule } from 'src/app/shared/publication/view-publications/show-more/show-more.module'
import { SwiperPageModule } from 'src/app/shared/swiper/swiper.module';
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,
    LazyLoadImageModule,
    //page
    ShowMorePageModule,
    SwiperPageModule
  ],
  exports: [ViewPublicationsPage],
  declarations: [ViewPublicationsPage],
  providers: [{provide: LAZYLOAD_IMAGE_HOOKS, useClass: LazyLoadImageHooks}],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class ViewPublicationsPageModule {}