Estoy usandoMatPaginator componente y estoy tratando de descubrir cómo traducir esas etiquetas (la documentación no es lo suficientemente clara sobre esto).

He encontradoEste artículo mostrando cómo hacer esto y seguí los pasos:

1 - Creé un archivo llamadocustom-paginator.ts y pon lo siguiente allí:

import { MatPaginator, MatPaginatorIntl } from '@angular/material';

export class CustomPaginator extends MatPaginatorIntl {
  constructor() {
    super();
    this.nextPageLabel = ' My new label for next page';
    this.previousPageLabel = ' My new label for previous page';
    this.itemsPerPageLabel = 'Task per screen';
  }
}

2 - Enapp.module.ts Puse:

@NgModule({
  // ...
  providers: [
    {
      provide: MatPaginatorIntl,
      useClass: CustomPaginator
    }
  ]
})
export class AppModule

Sin embargo, simplemente no cambia nada. ¿Qué me estoy perdiendo?