angular2 hide mdtooltip

Question

サイドバーを作成しています。それは多くのアイコンで構成され、ユーザーが特定のアイコンをクリックすると、対応するページにリダイレクトされます。 アイコンをクリックした後に問題が発生すると、ツールチップ（angular2-materialから）は非表示にならず、アイコンをクリックするたびにそのツールチップが固定されます。私は10ミリ秒後にツールチップを非表示にすることができますどのように

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

？

感謝

Answer 1

MdTooltipクラスを使用すると、プログラムであなたのツールチップを隠すために使用することができa hide() method実装します。

あなたのツールチップが詰まってはいけません。マウスが離れると消えるはずです。 index.htmlにCSSスタイルをインポートしましたか？

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