如何从属性指令中添加 uib-tooltip？

【问题标题】：How can I add uib-tooltip from within an attribute directive?如何从属性指令中添加 uib-tooltip？
【发布时间】：2017-06-06 11:50:12
【问题描述】：

我不想将uib-tooltip="tooltip text" 添加到元素，而只想添加一个tooltip 属性。

在工具提示指令中，我想做一些类似“在鼠标输入上，如果满足条件，然后在 uib-tooltip 中显示我的全文内容”的内容

【问题讨论】：

使用工具提示启用？
Show uib-tooltip on mouseenter only if a condition is met?的可能重复

标签： angularjs angular-ui-bootstrap

【解决方案1】：

您可以使用tooltip-enable。

.controller("ctrl", function($scope){

  $scope.isToolTipEnabled = false;

  $scope.toggleToolTip = function(){
    $scope.isToolTipEnabled = !$scope.isToolTipEnabled;
  }

});

HTML

<div ng-controller="ctrl">
  <div class="label label-info" class="btn btn-default"
          tooltip-enable="isToolTipEnabled" 
          uib-tooltip="This is a conditional tooltip">Conditional Tooltip here</div>
  <button type="button" class="btn btn-default" ng-click="toggleToolTip()" ng-class="{'btn-success': isToolTipEnabled, 'btn-danger': !isToolTipEnabled}">Tooltip is {{isToolTipEnabled ? 'enabled' : 'disabled'}}</button>
</div>

【讨论】：