Ошибка при использовании ngbModule в angular

Question

Here is my module.ts code

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

import { CommonModule } from '@angular/common';

import { Routes, RouterModule } from '@angular/router';

import { HeaderModule } from '../../static/header/header.module';

import { AdminDashboardModule } from '../../static/admin-dashboard/admin-dashboard.module';

import { TabsModule } from 'ngx-tabset';

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { JournalistEarningsComponent } from './journalist-earnings.component';

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

const routes: Routes = [{

    path: '',

    component: JournalistEarningsComponent,

  }];


@NgModule({

  imports: [

    NgbModule,

    RouterModule.forChild(routes),

    HeaderModule,

    AdminDashboardModule,

    TabsModule,

    FormsModule,

    ReactiveFormsModule,

    CommonModule

  ],
  declarations: [JournalistEarningsComponent],
})


Component.ts

page: any;

  pageSize: any

  items = [];

  constructor(

    private modalService: BsModalService,

    private router: Router,

    private httpService: LoginService,

  ) {

    for (let i = 1; i <= 100; i++) {

      this.items.push({ Name: 'Shop ' + i });

    }

  }


component.html

 <table>

            <tr *ngFor="let item of items | slice: (page-1) * pageSize : (page-1) * pageSize + pageSize">

              <td>{{item.Name}}</td>

            </tr>

         </table>

         <ngb-pagination [collectionSize]="items.length" [(page)]="page" [maxSize]="5" [rotate]="true" [ellipses]="false" [boundaryLinks]="true"></ngb-pagination>

Я получаю эту ошибку. Я пробовал другой ответ, но он не работает. Если какой-либо пользователь работает над angular 8, пожалуйста, поделитесь своим мнением. Я также искал ngbpagination и реализовал другие решения для ngbPaginationConfig, но, похоже, это не работает.

У меня есть приложение Angular8 с компонентом, в котором у меня есть таблица. Таблица создается с помощью директивы * ngFor. Каждая строка таблицы - это объект с некоторыми полями, который загружается из серверной части при инициализации компонента.

**StaticInjectorError(AppModule)[NgbPagination -> NgbPaginationConfig]: 

  StaticInjectorError(Platform: core)[NgbPagination -> NgbPaginationConfig]: 

    NullInjectorError: No provider for NgbPaginationConfig!**

Answer 1

Вы должны импортировать их модуль с помощью PaginationModule.forRoot():

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { PaginationModule } from 'ng2-bootstrap';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    AppRoutingModule,
    BrowserModule,
    PaginationModule.forRoot()
  ],
  declarations: [
    AppComponent
  ],
  bootstrap: [ AppComponent ]
})
export class AppModule {}

ref: github issus