Question

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

模块中添加了

MatPaginatorModule 。

mat-paginator

但它给出了一个错误：

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

无法绑定到＆＃39;长度＆＃39;因为它不是一个已知的属性＆＃39;垫分页程序＆＃39;

如果length是Angular组件并且输入mat-paginator，则验证它是否是此模块的一部分。
如果CUSTOM_ELEMENTS_SCHEMA是Web组件，则将@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",以取消此消息。

也许我错过了什么？

{{1}}

Answer 1

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

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

和

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

Answer 2

它为我工作。我使用以下版本：

"@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",

Answer 3

我也使用分页器。我导入：

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

它也在我的app.module，@NgModule->导入中导入，但出现相同的错误：

无法绑定到“长度”，因为它不是“ mat-paginator”的已知属性。


如果“ mat-paginator”是Angular组件，并且具有“ length”输入，则请验证它是否属于此模块。

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

要允许任何属性，请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。

Answer 4

我已经注意到一件事，我认为我应该提到，这可能有用或无效。如果您使用的是Angular Materials版本5，则分页器模块位于

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

但是从Angular 8开始

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

确保也将模块添加到app.module.ts中

Answer 5

对我来说，它还需要MatChipsModule进行编译。

import { MatChipsModule } from '@angular/material/chips';

角质材料Paginator无法正常工作

5 个答案: