Angular材料Paginator无法正常工作

我想在我的应用程序上添加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",
为了防止其他人遇到此问题,只需在app.module.ts中导入模块即可
import { MatPaginatorModule } from '@angular/material';

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

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...