单击后，angular2隐藏mdtooltip

Question

我正在创建一个侧边栏。它应该由许多图标组成，当用户单击特定图标时，重定向到相应的页面。但问题是在点击图标后，工具提示（来自angular2-material）不会隐藏，每次点击图标后，其工具提示都会固定。

<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后隐藏工具提示？

非常感谢

Answer 1

MdTooltip类实现了a hide() method，您可以使用它以编程方式隐藏工具提示。

但是你的工具提示不应该被卡住。当鼠标移开时，它应该消失。您是否将CSS样式导入index.html？

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

Answer 2

我相信它可以解决你的问题。

<md-tooltip md-autohide></md-tooltip>