如何在angular4的标签标签中添加悬停下拉菜单

Question

让我知道如何在标签标签悬停中添加下拉菜单，我正在使用angular4材质标签。

这是我的代码：

   <mat-tab-group>
     <mat-tab *ngFor="let subject_title of [1,2,3,4,5,6,7,8,9,10]">
       <ng-template mat-tab-label>
          {{'PHY SEC' + subject_title}}

              <div class="hoverdropdown">
                    <button class="dropbtn"><i class="fa fa-info-circle"></i>
                    </button>
                    <div class="dropdown-content">
                        <a href="#">Link 1</a>
                        <a href="#">Link 2</a>
                        <a href="#">Link 3</a>
                    </div>
                </div>

            </ng-template>
           <div class="timer-grid">
                <div class="container-fluid">
                    <p class="text-right mb-0">Time Left: 10:00</p>
                </div>
            </div>
        <mat-tab>
      </mat-tab-group>