angular / angular/components

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

Offen
#10,441 8 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/tabs help wanted P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginnen Sie mit der Ausführung der verknüpften StackBlitz-Reproduktion mit der verschachtelten mat-tab-group, den untergeordneten mat-tab-Elementen, der benutzerdefinierten Label-Vorlage und ng-template. Verfolgen Sie, wie das benutzerdefinierte Label auf übergeordnete und untergeordnete Tabs angewendet wird, und überprüfen Sie anschließend, dass der benutzerdefinierte Inhalt nur auf den untergeordneten Tabs erscheint, ohne die übergeordneten Tabs zu beeinflussen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.