title: how to get the selected/ active mat expansion panel name using Typescript
body: <p>I have used mat-expansion panel. Dynmically binded the panel title name. When user clicks the mat-list item i have to get the respective panel name and i need to display the name in some other div. Help me to get the active/selected mat-expansion-panel name in typescript.</p>
  
  <pre><code>&lt;mat-accordion&gt;
      &lt;mat-expansion-panel *ngFor="let templateList of LeftpaneTableDetails first as isFirst" [expanded]="isFirst"&gt;
          &lt;mat-expansion-panel-header&gt;
              &lt;mat-panel-title&gt;
                  {{templateList.strTemplateName}}
              &lt;/mat-panel-title&gt;
              &lt;mat-panel-description&gt;
              &lt;/mat-panel-description&gt;
          &lt;/mat-expansion-panel-header&gt;
          &lt;mat-list&gt;
              &lt;mat-list-item class="cursor-pointer table-name-list" *ngFor="let table of templateList.tableList" [attr.data-message-tableId]="table.intTableId" (click)="populateTableDetails($event, table.intTableId, table.strTableLabelName, templateList.strTemplateName)"&gt;{{table.strTableLabelName}}&lt;/mat-list-item&gt;
          &lt;/mat-list&gt;
      &lt;/mat-expansion-panel&gt;
  &lt;/mat-accordion&gt;
  </code></pre>