javascript - 给定超时后关闭 md-tooltip

标签 javascript angularjs angular-material

我使用的是 Angular Material ,并且我已经这样配置了 md-chips:

        <md-chips md-chips-disable-input ng-model="session.participants">
          <!-- Chip removal button template -->
          <button md-chip-remove class="md-primary chip-custom" layout="row">
            <!-- Tooltip definition -->
            <md-tooltip md-direction="top" layout-align="center">
              Kick out
            </md-tooltip>
            <!-- Neat icon -->
            <md-icon md-svg-icon="md-close"  layout-align="center"></md-icon>
          </button>
        </md-chips>

而 md-chips-disable-input 是一个特殊指令,可防止用户输入更多筹码。

一切看起来都很棒,但是当我按下芯片移除按钮时,工具提示不会消失。

有没有办法让工具提示在给定的时间后消失,或者有其他方法来解决这个工具提示问题?

最佳答案

使用md延迟:

 <md-tooltip md-direction="left" md-delay="1000">
   Refresh
 </md-tooltip>

关于javascript - 给定超时后关闭 md-tooltip,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38162501/

相关文章:

javascript - 如何向此 getJson 添加 setinterval

javascript - React 到底什么时候渲染——在各种异步调用、socketIO 和 React 之间管理状态的问题

javascript - angularjs 指令丢失数组格式过滤器

html - 使用 Accordion 展开和折叠垫子 table 的图标 - Angular

angular - Mat Select 出现在页面底部

javascript - 将不同的类别应用于 (Shopify) 中的 ODD/EVEN 博客文章

java - 将变量从一个 jsp 发送到另一个 jsp

angular - Material 2 日期选择器与日期模式验证器冲突

javascript - 预检响应中的 Access-Control-Allow-Headers 不允许 Angularjs 请求 header 字段 Access-Control-Allow-Headers

javascript - AngularJS 动画(显示/隐藏)速度