复选框上的角度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 = ''; 
    } 
};