angular2 hide mdtooltip после нажатия

Question

Я создаю боковую панель. Он должен состоять из множества значков, а когда пользователь нажимает на определенный значок, перенаправляйте его на соответствующую страницу. , но проблема заключается в том, что после нажатия на значок, всплывающая подсказка (из углового2-материала) не скрывается, и после каждого щелчка по значку ее всплывающая подсказка становится фиксированной.

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

Как я могу скрыть всплывающие подсказки после 10мс?

Большое спасибо

Answer 1

MdTooltip класс реализует a hide() method, что вы могли бы использовать, чтобы программно скрыть подсказку.

Но ваша подсказка не должна застревать. Он должен уходить, когда мышь уходит. Вы импортировали стили CSS в свой index.html?

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