Angular Material md-tooltip 在 Firefox 中不起作用答案

【问题标题】：Angular Material md-tooltip doesn't work in firefoxAngular Material md-tooltip 在 Firefox 中不起作用
【发布时间】：2017-02-07 10:29:31
【问题描述】：

我在我的应用程序中使用有角度的材料，并且我正在尝试在图标上实现工具提示。当用户将鼠标悬停在我想显示文本的图标上时。我已经实现了以下内容，它在 Google chrome、Safari 等中运行良好。

代码

    <i class="icon icon-sm icon-recent"><md-tooltip md-visible="$ctrl.recentApp.showTooltip" >Recent</md-tooltip></i>

     $ctrl.recentApp = {showTooltip: false,tooltipDirection: ''};

但它在 Mozilla Firefox 中不起作用。我注意到即使在工具提示的角度材料演示页面中也无法在 Firefox 中使用。有什么解决方案。

【问题讨论】：

在 Firefox 中会有点滞后，但肯定可以。
只有在 html 顶部某处同时使用 layout="row" 或 layout="column" 或同时使用时才会出现问题。

标签： javascript angularjs material-design angular-material

【解决方案1】：

这是 Firefox 中的一个已知问题。可以试试下面的sn-p吗？

<i class="icon icon-sm icon-recent"  ng-mouseenter="$ctrl.recentApp.showTooltip" ng-mouseleave="!$ctrl.recentApp.showTooltip"><md-tooltip md-visible="$ctrl.recentApp.showTooltip" >Recent</md-tooltip></i>

$ctrl.recentApp = {showTooltip: false,tooltipDirection: ''};

希望这会有所帮助！

【讨论】：

你能把你的工作代码放在一个小提琴中并分享给我调试的链接吗？