Angolare materiale Paginator non funziona

Sto cercando di aggiungere Angolare Materiale Paginator sulla mia app.

MatPaginatorModule aggiunto nel modulo.

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

Ma dà un Errore:

Uncaught Errore: Modello di errori di analisi:

Non riesco a collegare il “lunghezza” dato che non è una nota proprietà di
‘mat-paginator’.

  1. Se mat-paginator è un componente Angolare e ha length ingresso, quindi verificare che sia parte di questo modulo.
  2. Se mat-paginator è un Componente Web quindi aggiungere CUSTOM_ELEMENTS_SCHEMA per il @NgModule.schemas di questo componente per eliminare questo messaggio.

Forse mi manca qualcosa?

"@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",
InformationsquelleAutor Umer MehAr | 2017-12-12

 

4 Replies
  1. 39

    Solo nel caso in cui qualcuno viene eseguito in questo problema, basta importare il modulo in app.modulo.ts

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

    e

    @NgModule({
    ...
    imports: [ 
    ....
    MatPaginatorModule ]
    
    • PERFETTO!!! Mai capito che questo doveva essere fatto manualmente, anche dopo l’importazione del MatTableModule! Grazie per la tua soluzione. BTW, questo è il (aggiornato?) la sintassi per l’importazione del Paginator modulo: import { MatPaginatorModule } from '@angular/material/paginator';
    • grazie, urhg la documentazione angolare materiale e bootstrap ha bisogno di qualche grave lucidatura.
  2. 0

    Funziona per me. Sto usando le seguenti versioni:

    "@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",
    
    • Questa non è una risposta. Questo dovrebbe essere un commento.
  3. 0

    Io uso paginator troppo. Mi importa :

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

    nel mio app.module, @NgModule -> importa troppo, ma mi da lo stesso errore :

    Non riesco a collegare il “lunghezza” dato che non è una nota proprietà di ‘mat-paginator’.

    1. Se ‘mat-paginator’ è un componente Angolare e dispone di ‘lunghezza’ ingresso, quindi verificare che sia parte di questo modulo.
    2. Se ‘mat-paginator’ è un Componente Web quindi aggiungere ‘CUSTOM_ELEMENTS_SCHEMA’ a ‘@NgModule.schemi di questo componente
      per eliminare questo messaggio.
    3. Per consentire a qualsiasi proprietà di aggiungere ‘NO_ERRORS_SCHEMA’ a ‘@NgModule.schemi di questo componente.
  4. 0

    Ho notato una cosa che credo di dover ricordare, È forse utile o meno.
    Se si utilizza spigolosi versione 5 la paginator modulo è presente in

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

    Ma Angolare 8 in poi il suo presente in

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

    Essere sicuri di aggiungere il modulo in app.modulo.ts troppo

Lascia un commento