複選框上的角度UI-Bootstrap工具提示

Question

我有一個複選框，我試圖讓它在顯示工具提示時勾選複選框，但如果您沒有選中該複選框則不顯示工具提示。這裏是標記：

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

謝謝你的任何幫助，你可以提供。

Answer 1

我會嘗試將填充你$ scope.myTooltip功能：

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 = ''; 
    } 
};