javascript - 角材料表分页问题角10

Question

我正在为 Angular 10 项目使用 Angular 材料表。我成功添加了材料表。但现在我正在尝试将分页添加到我的表格中。因此，我将以下代码添加到我的组件中。

import {MatPaginator} from '@angular/material/paginator';

我将上面的导入添加到我的 app.module.ts 文件中。

这是我为我的 html 页面添加的代码以加载分页

 <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

但是这个html标签不起作用。它发生了错误。

请检查下图。

我的模块

标签： javascriptangularangular-material

Answer 1

正如您的 IDE 所述，该模块不知道该组件。解决方案是将其添加到您的 app.module.ts 中（或等效项，具体取决于您在应用程序中的位置）

你应该MatPaginatorModule在你的 appmodule 中导入模块

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MatPaginatorModule } from '@angular/material/paginator';
import { AppComponent } from './app.component';


@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    MatPaginatorModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

请注意，我已经导入了模块，而不是直接导入了组件