docs(datepicker): need better guidance for use with lazy loaded modules
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### Reproduction
I created here MyIntl class and I set there only text for calendar open button.
https://angular-material-datepicker-intl.stackblitz.io
https://stackblitz.com/edit/angular-material-datepicker-intl
Steps to reproduce:
1. If you check first calendar button it has aria-label="test" so it works. It works also for second calendar that is in first lazy loadad module
2. But if you click link 'lazy-loaded' and check button for 'other lazy' calendar it's aria-label is default 'Open calendar'
3. It starts to work only if I provide again my custom MyIntl class in OtherLazyModule (commented line)
#### Expected Behavior
I expected that if I provide my custom implementation of MatDatepickerIntl in AppModule it will work also for all lazy loaded modules.
For example MatPaginator works that way.
#### Actual Behavior
Custom implementation of MatDatepickerIntl is not provided in lazy loaded modules
#### Environment
- Angular: 9
- CDK/Material: 9
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10
Beitragsleitfaden
Rechercherichtung
Beginnen Sie mit der Ausführung der verknüpften Angular Material Datepicker StackBlitz-Reproduktion und vergleichen Sie die Kalender in den Kontexten root, first lazy-loaded und OtherLazyModule. Lesen Sie die Verwendung des MatDatepickerIntl-Providers und die MyIntl-Implementierung und überprüfen Sie anschließend, dass das benutzerdefinierte aria-label in jedem lazy-loaded Modul beibehalten wird, ohne auf den auskommentierten Provider angewiesen zu sein.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Klar beschrieben
- Anfängerfreundlichkeit
- 38/100