How to use the ngx-bootstrap.PaginationModule.forRoot function in ngx-bootstrap

//   data: { title: 'Heroes List' }
  // },

  { path: '',
    redirectTo: '/frontpage',
    pathMatch: 'full'
   },
  { path: '**', redirectTo: '/frontpage' }
];

// const bhref = environment.production ? '/extrapolate/' : '/extrapolate-dev/'

@NgModule({
  imports: [
    TypeaheadModule.forRoot(),
    PaginationModule.forRoot(),
    AccordionModule.forRoot(),
    BsDropdownModule.forRoot(),
    ModalModule.forRoot(),
    CollapseModule.forRoot(),
    HotkeyModule.forRoot(),
    ButtonsModule.forRoot(),
    BrowserModule,
    FormsModule,
    HttpModule,
    HttpClientModule,
    ReactiveFormsModule,
    PopoverModule,
    PdfViewerModule,
    RouterModule.forRoot(
      appRoutes,
      // { enableTracing: true } // <-- debugging purposes only

import { NgModule } from '@angular/core';

// Imports
import { BsDropdownModule, PaginationModule } from 'ngx-bootstrap';
import { NgxMagicTableModule } from '@magic-software/ngx-magic-table';

@NgModule({
  declarations: [
    
  ],
  imports: [
    BrowserModule,
    
    // Dependencies
    BsDropdownModule.forRoot(),
    PaginationModule.forRoot(),
    
    // Module
    NgxMagicTableModule
  ],
  providers: [],
  bootstrap: []
})
export class AppModule { }

const SYSTEM_SETTINGS_INTERFACE_ROUTES: Routes = [
    {path: '', component: SystemSettingsInterfaceComponent}
];

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        CustomFormsModule,
        BusyModule,
        Select2Module,
        TranslateModule,
        TooltipModule.forRoot(),
        ToastyModule.forRoot(),
        PaginationModule.forRoot(),
        ModalModule.forRoot(),
        RouterModule.forChild(SYSTEM_SETTINGS_INTERFACE_ROUTES)
    ],
    exports: [],
    declarations: [
        SystemSettingsInterfaceComponent
    ],
    providers: [
        SystemSettingsInterfaceService,
        SystemSettingsMethodService
    ],
})
export class SystemSettingsInterfaceModule {
}

@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    LandingPageComponent,
    GetStartedComponent,
    DemosPageComponent,
    FooterComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    AppRoutingModule,
    BsDropdownModule.forRoot(),
    PaginationModule.forRoot(),
    CollapseModule.forRoot(),
    InfiniteScrollModule,
    Ng2PageScrollModule.forRoot(),
    SharedModule,
    DemoModule
  ],
  providers: [ ],
  bootstrap: [AppComponent]
})
export class AppModule { }

const LOGS_ROUTES: Routes = [
    {path: '', component: IconComponent}
];

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        CustomFormsModule,
        BusyModule,
        TranslateModule,
        TooltipModule.forRoot(),
        ToastyModule.forRoot(),
        PaginationModule.forRoot(),
        ModalModule.forRoot(),
        RouterModule.forChild(LOGS_ROUTES)
    ],
    exports: [],
    declarations: [
        IconComponent
    ],
    providers: [
        IconService,
        IconTypeService,
        IconUsageService
    ],
})
export class IconModule {
}

NbThemeModule.forRoot({name: 'corporate'}),
    NbLayoutModule,
    NbSidebarModule,
    NbMenuModule,
    ToasterModule,
    NbActionsModule,
    NbAlertModule,
    NbCardModule,
    NbUserModule,
    NbPopoverModule,
    NbSearchModule,
    NbContextMenuModule,
    NbCheckboxModule,
    FileUploadModule,
    NbProgressBarModule,
    PaginationModule.forRoot(),
    TooltipModule.forRoot(),
    ProgressbarModule.forRoot(),
    ImageViewerModule.forRoot(),
    UiSwitchModule
  ],
  providers: [
    NbSidebarService,
    NbMenuService,
    NbMenuInternalService,
    UserService,
    RoleService,
    PermissionService,
    ToasterService,
    NbMediaBreakpointsService,
    StaticResourceService,
    MusicPlayerService

App,
  ],
  imports: [

    CoreModule,
    CustomPipesModule,
    HttpModule,
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    MultiselectDropdownModule,
    ProgressbarModule.forRoot(),
    AccordionModule.forRoot(),
    TooltipModule.forRoot(),
    ModalModule.forRoot(),
    PaginationModule.forRoot(),
    TabsModule.forRoot(),
    BsDropdownModule.forRoot(),
    TimepickerModule.forRoot(),
    Ng2TableModule,
    RouterModule.forRoot(AppRoutes)
  ],
  providers: [
    WindowRef,
    ExportServiceCfg,
    ValidationService,
    BlockUIService
  ],
  entryComponents: [
      BlockUIComponent,
      KapacitorComponent,
      KapacitorTasksComponent,

],
	imports: [
		BrowserModule,
		FormsModule,
		HttpClientModule,
		RouterModule.forRoot(appRoutes),
		TranslateModule.forRoot({
			loader: {
				provide: TranslateLoader,
				useFactory: (http: HttpClient) => new TranslateHttpLoader(http, './assets/i18n/'),
				deps: [HttpClient]
			}
		}),
		CollapseModule.forRoot(),
		ModalModule.forRoot(),
		PaginationModule.forRoot(),
	],
	providers: [
		{ provide: LOCALE_ID, useValue: browserHelper.getLocale() },
		{ provide: ErrorHandler, useClass: DefaultErrorHandler },
	],
	bootstrap: [AppComponent]
})
export class AppModule { }

{path: '', component: UserComponent}
];

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        CustomFormsModule,
        BusyModule,
        TranslateModule,
        Select2Module,
        PopoverModule.forRoot(),
        TooltipModule.forRoot(),
        ToastyModule.forRoot(),
        PaginationModule.forRoot(),
        ModalModule.forRoot(),
        RouterModule.forChild(USER_ROUTES)
    ],
    exports: [],
    declarations: [
        UserComponent
    ],
    providers: [
        UserService,
        SystemRoleService
    ],
})
export class UserModule {
}

const SYSTEM_MENU_TYPE_ROUTES: Routes = [
    {path: '', component: SystemMenuTypeComponent}
];

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        CustomFormsModule,
        BusyModule,
        TranslateModule,
        TooltipModule.forRoot(),
        ToastyModule.forRoot(),
        PaginationModule.forRoot(),
        ModalModule.forRoot(),
        RouterModule.forChild(SYSTEM_MENU_TYPE_ROUTES)
    ],
    exports: [],
    declarations: [
        SystemMenuTypeComponent
    ],
    providers: [
        SystemMenuTypeService
    ],
})
export class SystemMenuTypeModule {
}