angular/components

tabs: nested mat-tab-group with custom label template puts label on parent tab too

Open

#10.441 aperta il 15 mar 2018

Vedi su GitHub
 (8 commenti) (0 reazioni) (0 assegnatari)TypeScript (6650 fork)batch import
P4area: material/tabshelp wanted

Metriche repository

Star
 (24.044 star)
Metriche merge PR
 (Merge medio 3g 12h) (98 PR mergiate in 30 g)

Descrizione

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Should be able to use a custom tab label template in a sub tab but not in a parent tab.

What is the current behavior?

Having a mat-tab-group within a mat-tab-group with the child mat-tab-group having mat-tab items with a custom tab template (using ng-template) puts the custom tab content on the parent tab too.

What are the steps to reproduce?

StackBlitz repro: https://stackblitz.com/edit/angular-7njwul

What is the use-case or motivation for changing an existing behavior?

Not possible to use a custom tab label template on child tabs without breaking the parent tabs.

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

Browsers - all Material: 5.2.4 (+?) Angular 5

Is there anything else we should know?

Nope

Guida contributor

Direzione di ricerca
Indaga come viene gestito l'ambito del template personalizzato delle etichette in mat tab group; controlla l'ereditarietà del contesto del template nei tab annidati. Traccia la logica di risoluzione del template nel componente MatTab.
Tech stack
angulartypescript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitAngularTypeScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
40