无法绑定到 'rows'，因为它在 PrimeNG 中不是 'p-paginator' 的已知 属性

Question

我正在将 PrimeNG 与 Angular 一起使用。我尝试将分页器与一些卡片结合使用，并且效果很好。现在，我用完全相同的代码重新创建了项目。但是，即使在 curretn 模块中导入 "PaginatorModule" 之后，我也得到

Can't bind to 'rows' since it isn't a known property of 'p-paginator'

你能提出一个可能的解决方案吗？

这是代码。

<p-paginator [rows]="10" [totalRecords]="totalCount" (onPageChange)="paginate($event)"></p-paginator>

应用程序模块：

import { SharedModule } from './shared/shared.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { ChartsModule } from 'ng2-charts';
import { OAuthModule } from 'angular-oauth2-oidc';
import { TokenInterceptor } from './service/interceptor/token.service';
import { SidebarModule } from 'primeng/sidebar';
import { CardModule } from 'primeng/card';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, SidebarModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    FormsModule,
    SharedModule,
    ReactiveFormsModule, HttpClientModule, ChartsModule,
    OAuthModule.forRoot(), CardModule
  ],
  providers: [{ provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true }],
  bootstrap: [AppComponent]
})
export class AppModule { }

Answer 1

您似乎缺少分页器模块：

import {PaginatorModule} from 'primeng/paginator';

...
imports: [
    BrowserModule, SidebarModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    FormsModule,
    SharedModule,
    ReactiveFormsModule, HttpClientModule, ChartsModule, PaginatorModule
    OAuthModule.forRoot(), CardModule
  ],
...