请在这里查看我的jsfiddle代码
http://jsfiddle.net/695qtssv/2/
http://jsfiddle.net/695qtssv/2/
HTML
<div class="panel panel-default">
<div ng-repeat="item in itemDetails" tooltip="{{item.name + (isDisabled(item.name)?' is not available' : '')}}">
<button ng-disabled="isDisabled(item.name)" class="btn btn-primary" ng-click="select(item)">{{item.name}}</button>
</div>
</div>
JS：
var myApp = angular.module('myApp',['ui.bootstrap']);
function MyCtrl($scope) {
$scope.myModel = "Tooltip only works when input is enabled.";
$scope.isDisabled = false;
}
我已经尝试在包含按钮的div上使用工具提示,但仍然没有运气,如示例中所示.
此工具提示可以使用,但我不能在我正在使用的应用程序中使用它.
任何帮助将不胜感激.
解决方法
我认为禁用元素不会触发鼠标事件.
见 Event on a disabled input
见 Event on a disabled input
<div class="panel panel-default">
<div ng-repeat="item in itemDetails" style="display:inline-block; position:relative;">
<button ng-disabled="isDisabled(item.name)" class="btn btn-primary" ng-click="select(item)">{{item.name}}</button>
<div style="position:absolute; left:0; right:0; top:0; bottom:0;" tooltip="{{item.name + (isDisabled(item.name)?' is not available' : '')}}"></div>
</div>
</div>
