角型UI-ブートストラップツールチップチェックボックス

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> 

ご協力いただきありがとうございます。

私はあなたに$ scope.myTooltip移入する関数しようとするだろう

Answer 1

：

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