Angular UI-Bootstrap Tooltip auf Checkbox

Question

Ich habe ein Kontrollkästchen, das ich so zu bekommen versuche, dass es einen Tooltip, wenn Sie das Kontrollkästchen aktivieren, aber nicht den Tooltip angezeigt, wenn Sie das Kontrollkästchen aktiviert nicht haben. Hier ist das Markup:

<button type="button" 
     class="btn btn-checkbox" 
     ng-model="isPublic" 
     uib-tooltip="Only show me if checkbox is checked" 
     tooltip-placement="top-left" 
     tooltip-trigger="mouseenter" 
     uib-btn-checkbox> 
      <span class="glyphicons ok_2" ng-show="isPublic"></span> 
</button> 

Vielen Dank für jede Hilfe, die Sie anbieten können.

Answer 1

würde ich eine Funktion versuchen, die Sie $ scope.myTooltip bevölkern:

HTML

<input type="checkbox" ng-model="myCheckbox" ng-change="setTooltip()" id="ng-change-example1" /> 

... 
uib-tooltip="{{myTooltip}}" 

Javascript

$scope.setTooltip = function() { 
    if($scope.myCheckbox.checked) { 
     $scope.myTooltip = 'my Text'; 
    } else { 
     $scope.myTooltip = ''; 
    } 
};