2017-06-01 54 views
1

而不是将uib-tooltip="tooltip text"添加到元素我只想添加tooltip属性。如何从属性指令中添加uib-tooltip?

在提示指令我想做的事的东西线“上的mouseenter如果条件满足则显示UIB-提示我的全文内容”

+0

使用提示启用? –

+0

[只有当条件满足时才在mouseenter上显示uib-tooltip?](https://stackoverflow.com/questions/44297971/show-uib-tooltip-on-mouseenter-only-if-a-condition-是-MET) – svarog

回答

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>