小编Mik*_*and的帖子

我一直在环顾四周,尝试不同的东西,但无法弄清楚.是否可以隐藏某个事件的angular-ui工具提示？

我想要做的是当有人在div上盘旋时显示工具提示,并在用户点击它时关闭它,因为我将显示另一个弹出窗口.我尝试使用自定义触发器事件,但似乎无法使其正常工作.我做的:

<div ng-app="someApp" ng-controller="MainCtrl" class="likes" tooltip="show favorites"     tooltip-trigger="{{{true: 'mouseenter', false: 'hideonclick'}[showTooltip]}}" ng-click="doSomething()">{{likes}}</div>

var app = angular.module('someApp', ['ui.bootstrap']);

app.config(['$tooltipProvider', function($tooltipProvider){
 $tooltipProvider.setTriggers({
  'mouseenter': 'mouseleave',
  'click': 'click',
  'focus': 'blur',
  'hideonclick': 'click'
 });
}]);

app.controller('MainCtrl', function ($scope) {
 $scope.showTooltip = true;
 $scope.likes = 999;

 $scope.doSomething = function(){
    //hide the tooltip
    $scope.showTooltip = false;                                   
 };

})

http://jsfiddle.net/3ywMd/

工具提示必须在第一次点击时关闭,而不是第二次.如果用户点击div,任何想法如何关闭工具提示？