angular / angular/components

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

Ouverte
#10,441 8 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
area: material/tabs help wanted P4
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par exécuter la reproduction StackBlitz liée avec le mat-tab-group imbriqué, les éléments mat-tab enfants, le modèle de libellé personnalisé et ng-template. Suivez la manière dont le libellé personnalisé est appliqué aux onglets parent et enfant, puis vérifiez que le contenu personnalisé apparaît uniquement sur les onglets enfants sans affecter les onglets parent.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.