Angular pass Name des Etiketts

Question

<div class="content"> 
    <md-tab-group> 
    <md-tab label="label1" (click)="passSourceOfDocuments()"> 
     <details *ngFor="let package of documentPackages"> 
     <summary>{{package.documentPackageGuid}}</summary> 
     <ul> 
      <details *ngFor="let doc of package.Documents"> 
      <summary>{{doc.documentGuid}}</summary> 
       .......... 
      </details> 
     </ul> 
     </details> 
    </md-tab> 
    <md-tab label="label2" (click)="passSourceOfDocuments()"> 
     <details *ngFor="let doc of emaildocuments"> 
      ...................... 
     </details> 
    </md-tab> 
    </md-tab-group> 
</div> 

Ich würde Name der Bezeichnung in Funktion übergeben "passSourceOfDocuments()" ist es möglich? Kann ich dieses Label mit der Eigenschaft in der .ts-Datei verknüpfen?

Answer 1

Wenn Sie eine ‚Vorlage Referenzgröße‘ hinzufügen können, um jedes Ihrer <md-tab> Elemente, dann könnte man ihnen in der Funktion wie diese verweisen,

<md-tab #tab1 label="label1" (click)="passSourceOfDocuments(tab1.textLabel)"> 
<md-tab #tab2 label="label2" (click)="passSourceOfDocuments(tab2.textLabel)"> 

Oder wenn Sie haben eine Reihe von Etiketten deklariert als eine Eigenschaft in der Komponentendatei, dann kann man sie durch einen Index oder eine ähnliche Einrichtung, fügt

Komponente

Vorlage

<md-tab [label]="labelsArr[0]" (click)="passSourceOfDocuments(labelsArr[0])"> 
<md-tab [label]="labelsArr[1]" (click)="passSourceOfDocuments(labelsArr[1])">