web-dev-qa-db-fra.com

Le matériau angulaire Paginator ne fonctionne pas

J'essaie d'ajouter Angular Material Paginator sur mon application.

MatPaginatorModule ajouté dans le module.

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

Mais cela donne une erreur:

Erreur non capturée: erreurs d'analyse du modèle:

Impossible de se lier à 'longueur' car ce n'est pas une propriété connue de «paginateur».

  1. Si mat-paginator est un composant angulaire et qu'il a une entrée length, vérifiez qu'il fait partie de ce module.
  2. Si mat-paginator est un composant Web, ajoutez CUSTOM_ELEMENTS_SCHEMA au @NgModule.schemas de ce composant pour supprimer ce message .

Peut-être me manque quelque chose?

"@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",
angularpaginationangular-material2angular5
9
Umer MehAr

Juste au cas où quelqu'un d'autre rencontrerait ce problème, il suffirait d'importer le module dans app.module.ts

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

et

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

Cela fonctionne pour moi. J'utilise les versions suivantes:

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

Vous avez également également importer MatTableModule.

import {MatTableModule} from '@angular/material/table';
0
Amir