Как отображать подсказку ui-boostrap при отключенной кнопке?

Question

перед публикацией здесь я искал и искал, и я нашел несколько решений для применения всплывающих подсказок к отключенным кнопкам, в любом случае ни один из них не использовал uib-tooltip от angular ui bootstrap.

Вот код моей кнопки:

<button class="btn btn-default" 
     uib-tooltip="My tooltip text" 
     tooltip-append-to-body="true" 
     ng-disabled="!isAllSelected" 
     ng-click="doThat()">Click Here 
</button> 

Вы знаете, как сделать подсказку отображаемой даже при отключении кнопки?

Answer 1

Независимо от того, включена или отключена кнопка, я получаю подсказку uib. Следующий код работает отлично для меня.

<button type="button" class="btn btn-sm btn-default" ng-click="toggleMin()" ng-disabled = "true" uib-tooltip="After today restriction" >Min date</button> 

Пожалуйста, ознакомьтесь plunker

Добавлена ​​скриншотом подсказки

Дополнительных примечания: Вы также можете настроить положение подсказки. Все, что вам нужно сделать, это взять с собой $uibTooltipProvider. Затем мы можем использовать конфигурационный раздел для достижения результата. Ниже код включен в плункер.

angular.module('ui.bootstrap.demo') 
.config(['$uibTooltipProvider', function ($uibTooltipProvider) { 
    $uibTooltipProvider.options({ 
     'placement':'bottom' 
    }); 
}]) 

Answer 2

Я не думаю, что это возможно на кнопке, но это работает, если вы используете ссылку, замаскированную в качестве кнопки, вместо кнопки:

<a class="btn btn-default" 
    uib-tooltip="My tooltip text" 
    tooltip-append-to-body="true" 
    ng-disabled="!isAllSelected" 
    ng-click="doThat()">Click Here 
</a> 

Answer 3

Простейших, ненавязчивое решением этой проблемы является :

<a class="btn btn-default" 
    uib-tooltip="My tooltip text" 
    tooltip-append-to-body="true" 
    ng-disabled="!isAllSelected" 
    ng-click="isAllSelected ? doThat() : null">Click Here 
</a> 

(обратите внимание условную ng-click, без которого щелкает по-прежнему будут проходить даже тогда, когда якорь «отключен» - то есть якоря не поддерживают инвалид атрибута)