Question

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

在工具提示指令中，我希望在符合条件的情况下按照＆＃34;在mouseenter上执行某些操作，然后在uib-tooltip中显示我的全文内容＆＃34;

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>

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

1 个答案: