Angularjs 桌面和触摸设备上的角度UIB工具提示，

我需要在以下条件下显示uib工具提示：

• 在平板电脑和智能手机等触摸设备上，当用户触摸信息图标时，应显示工具提示
• 在台式机等上，当用户将指针悬停在信息图标上时，工具提示应该出现

下面是我的工具提示指令

.directive('infoTooltip', function ($compile) {
    return {
        scope: {
            tooltip: '@'
        },
        link: function (scope, elem, attrs) {
            scope.message = scope.tooltip;
            var el = angular.element('<span class="tooltip-common"><i class="fa fa-info-circle" uib-popover={{message}} popover-trigger="mouseenter" popover-placement="top" popover-animation="true"></i></span>');
            $compile(el)(scope);
            elem.after(el);
        }
    };
}); /*
    Usage : <ANY info-tooltip data-tooltip="tooltip message">
*/

指令（'infoTooltip'，函数（$compile）{ 返回{ 范围：{ 工具提示：“@” }, 链接：功能（范围、要素、属性）{ scope.message=scope.tooltip； var el=角度元素（“”）； 美元（el）（范围）； （el）之后的元素； } }; }); /* 用法： */ 有人能帮我修改这个指令来实现这一点吗。

---

提前感谢。

我自己找到了，只需向popover触发器添加更多事件，如下所示：

popover-trigger="mouseenter outsideClick"

---

“outsideClick”触发器将使弹出框在单击时切换，并在单击任何其他内容时隐藏。（from）

根据文档，

outsideClick

是受支持的事件，但

click:outsideClick

我看不到。