文章/答案/技术大牛

发布

社区首页 >问答首页 >angular材料表分页问题angular 10

问angular材料表分页问题angular 10
EN

Stack Overflow用户

提问于 2020-08-28 18:45:34

回答 1查看 266关注 0票数 1

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

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

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

这是我为html页面添加的代码，用于加载分页

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

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

请检查下面的图像。

我的模块

angular-material

javascript

angular

回答 1

Stack Overflow用户

发布于 2020-08-28 19:20:07

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

您应该在应用程序模块中导入模块MatPaginatorModule

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 { }

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63632272

复制

相似问题

问angular材料表分页问题angular 10
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular材料表分页问题angular 10EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问angular材料表分页问题angular 10
EN