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

Подобно решению janosch - оберните вашу кнопку в div с атрибутом всплывающей подсказки.

<div uib-tooltip="{{ isDisabled ? 'Button is disabled' : '' }}">
   <button disabled="isDisabled">Button</button>
</div>

Подсказка будет видна только тогда, когда переменная isDisabled имеет значение true, что также устанавливает статус disabled кнопки.

Это решение также будет работать, если вы используете атрибут title вместо uib-tooltip.

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

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

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

Что я сделал, так это обернул содержимое кнопки тегом <span> и применил к нему всплывающую подсказку uib:

<button type="button" class="btn btn-primary" ng-click="foo()" ng-disabled="true">
    <span uib-tooltip="Tooltip text" tooltip-append-to-body="true"> Button text<span>
</button>

Если вам также нужно, чтобы всплывающая подсказка отображалась, когда пользователь наводит курсор на всю область кнопки, вы также можете удалить отступ кнопки и вместо этого добавить его в <span>.

<button type="button" class="btn btn-primary" ng-click="foo()" ng-disabled="true" style="padding: 0px !important;">
    <span uib-tooltip="Tooltip text" tooltip-append-to-body="true" style="display:inline-block; padding: 5px 10px;"> Button text<span>
</button> 

Самое простое, наименее навязчивое решение:

<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, без которого клики все равно будут проходить, даже если якорь «отключен» - т.е. якоря не поддерживают отключенный атрибут)

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

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

См. этот планкер.

Добавлен скриншот всплывающей подсказки

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

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