如何在属性指令中添加UIB-ToolTip

Question

，而不是将 uib-tooltip="tooltip text"添加到我要添加 tooltip属性的元素中。

在工具提示指令中，我想按照"在鼠标ententer上满足条件，然后在uib-tooltip中显示我的全文内容"

Answer 1

您可以使用tooltip-enable。

JS

.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>