Angular Material 分页器不工作

Question

我正在尝试在我的应用中添加 Angular Material Paginator。

MatPaginatorModule 添加到模块中。

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

但它给出了一个错误:

Uncaught Error :模板解析错误:

Can't bind to 'length' since it isn't a known property of 'mat-paginator'.

1. 如果 mat-paginator 是一个 Angular 组件并且它有 length 输入，那么验证它是这个模块的一部分。
2. 如果 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",

Answer 1

以防万一其他人遇到这个问题，只需在 app.module.ts 中导入模块

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

和

@NgModule({
...
imports: [ 
....
MatPaginatorModule ]