How to use MatPaginatorIntl?

前端 未结 9 1154
盖世英雄少女心
盖世英雄少女心 2020-12-02 17:59

I\'m using MatPaginator component and I\'m trying to figure out how to translate those labels (documentation isn\'t clear enough about this).

I\'ve found this articl

9条回答
  •  无人及你
    2020-12-02 18:43

    in file: matPaginatorIntlCroClass.ts

    import {MatPaginatorIntl} from '@angular/material';
    export class MatPaginatorIntlCro extends MatPaginatorIntl {
      itemsPerPageLabel = 'Items par page';
      nextPageLabel     = 'Page Prochaine';
      previousPageLabel = 'Page Précedente';
    }
    

    in File: AppModule.ts:

    import { MatPaginatorModule, MatPaginatorIntl} from '@angular/material';
    import { MatPaginatorIntlCro } from './matPaginatorIntlCroClass'
    
    @NgModule({
      imports: [],
      providers: [{ provide: MatPaginatorIntl, useClass: MatPaginatorIntlCro}],
      ..
    })
    

    Source: https://material.angular.io/components/paginator/api

提交回复
热议问题