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

SELECT NVL(SUBSTR(acctnum, 0, INSTR(acctnum, '-')-1), NULL) AS prefix, NVL(SUBSTR(acctnum, INSTR(acctnum, '-')+1, LENGTH(acctnum)), NULL) AS suffix FROM accounts;类实现a hide() method，您可以使用它以编程方式隐藏工具提示。

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

index.html

Answer 2

我确定它可以解决您的问题。

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

单击后，angular2隐藏mdtooltip

2 个答案: