import { NgModule } from '@angular/core' ; import { RouterModule , Routes } from '@angular/router' ; import { NgPipesModule } from 'angular-pipes' ; import { ModalModule } from 'ngx-bootstrap' ; import { SharedModule } from '@tabler/angular-core' ; import { GalleryIndexComponent } from './containers/gallery-index/gallery-index.component' ; import { GalleryItemComponent } from './components/gallery-item/gallery-item.component' ; import { GalleryListComponent } from './components/gallery-list/gallery-list.component' ; import { GalleryPageOptionsComponent } from './components/gallery-page-options/gallery-page-options.component' ; import { GalleryModalComponent } from './components/gallery-modal/gallery-modal.component' ; import { GalleryItemButtonsComponent } from './components/gallery-item-buttons/gallery-item-buttons.component' ; import { GalleryItemProfileComponent } from './components/gallery-item-profile/gallery-item-profile.component' ; const routes = [ { path : '' , component : GalleryIndexComponent } ] ; @ NgModule ( { imports : [ SharedModule , RouterModule . forChild ( routes ) , ModalModule . forRoot ( ) , NgPipesModule ] , declarations : [ GalleryIndexComponent , GalleryItemComponent , GalleryListComponent , GalleryPageOptionsComponent , GalleryModalComponent , GalleryItemButtonsComponent , GalleryItemProfileComponent , ] , entryComponents : [ GalleryModalComponent ] , } ) export class GalleryModule { }