angular2點擊後隱藏mdtooltip

我正在創建一個側欄。它應該由許多圖標組成，並且當用戶點擊特定的圖標時，重定向到相應的頁面。但問題是點擊圖標後，tooltip（from angular2-material）不會隱藏，每次點擊圖標後，其工具提示就會變得固定。angular2點擊後隱藏mdtooltip

<md-sidenav-layout id="nav_container"> 
<md-sidenav #start opened="true" mode="side"> 
    <md-nav-list> 
     <div id="nav_container"> 
      <ul id="navigation"> 
       <li> 
        <a routerLink="/groups" routerLinkActive="active"> 
         <md-icon >home</md-icon> 
        </a> 
       </li> 
       <li> 
        <a routerLink="/contacts" > 
         <md-icon md-tooltip="Contacts" onclick="iconClick" *ngIf="isFocues" >supervisor_account</md-icon> 
        </a> 
       </li> 

      </ul> 
     </div> 
    </md-nav-list> 
</md-sidenav>

如何隱藏10ms的後提示？

非常感謝

來源

2016-09-14 Maryam Gharibi

的MdTooltip類實現a hide() method，你可以用它來編程隱藏你的提示。

但是你的工具提示不應該卡住。當鼠標移開時它應該消失。您是否將CSS樣式導入到index.html？

<link href="vendor/@angular2-material/core/overlay/overlay.css" rel="stylesheet">

來源

2016-09-14 02:29:37 BeetleJuice

嗨，我在index.html文件中導入了overlay.css，但是我認爲當我點擊一個圖標時，它會獲得焦點。因此顯示了工具提示。另一方面，hide是一種方法，我認爲它在消失後會被解僱。點擊菜單中的項目後如何隱藏？ –

angular2點擊後隱藏mdtooltip

回答

相關問題