1
uib-tooltip="tooltip text"
を要素に追加する代わりに、tooltip
属性のみを追加します。私はあなたがtooltip-enable
を使用することができます属性ディレクティブ内からuib-tooltipを追加するにはどうすればよいですか?
uib-tooltip="tooltip text"
を要素に追加する代わりに、tooltip
属性のみを追加します。私はあなたがtooltip-enable
を使用することができます属性ディレクティブ内からuib-tooltipを追加するにはどうすればよいですか?
を「条件が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>
使用ツールチップ有効? –
[条件が満たされた場合のみ、マウスの上にuib-tooltipを表示しますか?](https://stackoverflow.com/questions/44297971/show-uib-tooltip-on-mouseenter-only-if-a-condition- is-met) – svarog