Question

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

CODE

    <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中使用。对此有什么解决方案吗？

Answer 1

这是Firefox中的一个已知问题。你可以试试下面的片段吗？

<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: ''};

希望这有帮助！

Angular Material md-tooltip在firefox中不起作用

1 个答案: