How to use MatPaginatorIntl?

by

You can do it like this:
I’m providing you with croatian labels:

customClass.ts

import { Injectable } from '@angular/core';
import { MatPaginatorIntl } from '@angular/material/paginator';

@Injectable()
export class MatPaginatorIntlCro extends MatPaginatorIntl {
  itemsPerPageLabel="Stavki po stranici";
  nextPageLabel="Slijedeća stranica";
  previousPageLabel="Prethodna stranica";

  getRangeLabel = (page: number, pageSize: number, length: number) => {
    if (length === 0 || pageSize === 0) {
      return '0 od ' + length;
    }

    length = Math.max(length, 0);
    const startIndex = page * pageSize;
    // If the start index exceeds the list length, do not try and fix the end index to the end.
    const endIndex = startIndex < length ?
      Math.min(startIndex + pageSize, length) :
      startIndex + pageSize;
    return startIndex + 1 + ' - ' + endIndex + ' od ' + length;
  };
}

and AppModule.ts:

providers: [{ provide: MatPaginatorIntl, useClass: MatPaginatorIntlCro}],

More Related Contents:

  1. mat-form-field must contain a MatFormFieldControl
  2. How to pass data to dialog of angular material 2
  3. Open/Close sidenav from another component
  4. How to manually set focus on mat-form-field in Angular 6
  5. Filtering different columns in a material table
  6. Angular Material Tab : Prevent tab change of mat-tab-group if the form in current tab is dirty
  7. Confirm password validation in Angular 6 [duplicate]
  8. Call child component method from parent class – Angular
  9. Expandable table rows in angular 4 with angular material
  10. document.getElementById replacement in angular4 / typescript?
  11. Angular 6: saving data to local storage
  12. Page is part of the declarations of 2 modules: Error in ionic build prod
  13. Uncaught Error: Unexpected directive ‘MyComboBox’ imported by the module ‘AppModule’. Please add a @NgModule annotation
  14. Angular 2 Read More Directive
  15. When to use Interface and Model in TypeScript / Angular
  16. How to display the app version in Angular?
  17. Recording the web page by using Record RTC with Angular
  18. access SASS values ($colors from variables.scss) in Typescript (Angular2 ionic2)
  19. Angular 4/5 HttpClient: Argument of type string is not assignable to ‘body’
  20. How to get rid of the warning .ts file is part of the TypeScript compilation but it’s unused
  21. How can I create an observable with a delay
  22. Angular 2 : No NgModule metadata found
  23. Focus an element after it appears via ngIf
  24. Angular reactive Form error: Must supply a value for form control with name:
  25. How to mock Angular 4.3 httpClient an error response in testing
  26. Angular 2 creating reactive forms with nested components
  27. Limit input field to two decimal places – Angular 5
  28. Angular 6 – how to mock router.events url response in unit test
  29. How to create and download text/Json File with dynamic content using angular 2+
  30. Angular4 Load external html page in a div

Leave a Comment