首页 文章

角质材料Paginator无法正常工作

提问于
浏览 次
7

我想在我的应用程序上添加Angular Material Paginator .

MatPaginatorModule 已添加到模块中 .

<mat-paginator #paginator 
               [length]="100" 
               [pageSize]="10" 
               [pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>

但它给出了一个错误：

未捕获错误：模板解析错误：

无法绑定到'length'，因为它不是'mat-paginator'的已知属性 .

  • 如果 mat-paginator 是Angular组件且输入为 length ，则验证它是否为此模块的一部分 .

  • 如果 mat-paginator 是Web组件，则将 CUSTOM_ELEMENTS_SCHEMA 添加到此组件的 @NgModule.schemas 以禁止显示此消息 .

也许我错过了什么？

"@angular/animations": "^5.0.1",
"@angular/cdk": "^5.0.0-rc0",
"@angular/common": "^5.0.0",
"@angular/compiler": "^5.0.0",
"@angular/core": "^5.0.0",
"@angular/forms": "^5.0.0",
"@angular/http": "^5.0.0",
"@angular/material": "^5.0.0-rc0",
angular pagination angular-material2 angular5

3 回答

  • 12

    为了防止其他人遇到此问题，只需在app.module.ts中导入模块即可

    import { MatPaginatorModule } from '@angular/material';

    和

    @NgModule({
...
imports: [ 
....
MatPaginatorModule ]
    回复于
  • 0

    您也可以导入MatTableModule .

    import {MatTableModule} from '@angular/material/table';
    回复于
  • 0

    它对我有用 . 我使用以下版本：

    "@angular/animations": "5.0.2",
"@angular/common": "^5.0.2",
"@angular/compiler": "^5.0.2",
"@angular/core": "^5.0.2",
"@angular/forms": "^5.0.2",
"@angular/http": "^5.0.2",
"@angular/material": "^5.0.0-rc0",
"@angular/cdk": "^5.0.0-rc0",
"@angular/platform-browser": "^5.0.2",
"@angular/platform-browser-dynamic": "^5.0.2",
"@angular/router": "^5.0.2",
    回复于

相关问题