2017-06-01 16 views
1

uib-tooltip="tooltip text"を要素に追加する代わりに、tooltip属性のみを追加します。私はあなたがtooltip-enableを使用することができます属性ディレクティブ内からuib-tooltipを追加するにはどうすればよいですか?

+0

使用ツールチップ有効? –

+0

[条件が満たされた場合のみ、マウスの上にuib-tooltipを表示しますか?](https://stackoverflow.com/questions/44297971/show-uib-tooltip-on-mouseenter-only-if-a-condition- is-met) – svarog

答えて

1

を「条件がUIB-ツールチップに私の完全なテキストの内容を表示し、その後満たされた場合のMouseEnterオン」の線に沿って何かをしたいツールチップディレクティブで

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> 
関連する問題