angular / angular/components

MatPaginator template internationalization

Open
#12,322 9 comments 7 reactions 0 assignees View on GitHub
area: material/paginator feature i18n P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Feature request

#### What is the expected behavior?
Provide a possibility to specify MatPaginator labels (Items per page, next page, previous page) in a template, like we do in almost all existing Angular Material components. It will allow us to use Angular i18n for labels internationalization, and simplify work with paginator.

#### What is the current behavior?
Currently according to documentation we need to provide MatPaginatorInt instance, specifying labels in this instance. But Angular i18n doesn't support code/runtime translations, so we need to use an additional internationalization tool to get translations for MatPaginator.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
all

Contributor guide

Open the contributing guide

Research direction

Start by reading the MatPaginator template and the documented MatPaginatorIntl approach referenced in the issue. Trace how the Items per page, next page, and previous page labels are supplied, then determine the template-facing API needed for Angular i18n. Done means those labels can be specified in a template and existing paginator behavior remains intact.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend, internationalization
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.