typescript - err:NG 8001 mat-paginator no es un elemento conocido en Angular 16
Estoy tratando de agregar angular/material al proyecto angular 16. Para eso he creado app.module.ts y mycomponent.module.ts y mycomponent.component.html. Al intentar ejecutar 'ng serve' aparece el siguiente error:
l:3:9 - error NG8001: 'mat-paginator' is not a known element:
1. If 'mat-paginator' is an Angular component, then verify that it is part of this module.
2. If 'mat-paginator' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3 <mat-paginator #paginator [pageSizeOptions]="[5,10,15]" />
Importado así como exportado el MatPaginatorModule en app.module.ts
import {mport { MatPaginatorModule } from '@angular/material/paginator';}
@NgModule({
imports: [
MatPaginatorModule ],
exports: [
MatPaginatorModule ],
schemas : [CUSTOM_ELEMENTS_SCHEMAS],
De manera similar importado en mycomponent.module.ts como se muestra a continuación
import {mport { MatPaginatorModule } from '@angular/material/paginator';}html se declara en mycomponent.component.html
<mat-paginator #paginator
[length]="100"
[pageSize]="10"
[pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>
hacer todo esto en 'ng serve' lanza el error anterior
Respuesta #1
Parece que tu declaración de importación para matPaginator tiene un error.
debería ser
import { MatPaginatorModule } from '@angular/material/paginator';}
y no
import {mport { MatPaginatorModule } from '@angular/material/paginator';}
