如何动态显示angular-bootstrap工具提示

Question

我正在尝试动态显示/隐藏工具提示。 为此，我设置了自定义触发器

$tooltipProvider.setTriggers({
    'show':'hide'
});

并创建了一个触发'show'事件的自定义指令。

app.directive('dynamicTooltip', ['$timeout', function($timeout) {
  return {
    restrict: 'A',
     link: function($scope, $element, $attrs) {
      $timeout(function() {
       $element.trigger('show');
      },1000);
     }
  };
}]);

然而，没有任何反应。没有错误或其他什么。

这是plunk

我仔细阅读了angular-bootstrap工具提示和大量SO帖子的文档，但无法弄清楚。 我做错了什么还是错误？