javascript - 在禁用的按钮上显示工具提示，如果在一个按钮上使用 AngularJS 启用了该按钮，则将其删除

Question

这是我的代码:工具提示仅在启用时显示。我需要它来反转。

HTML:

<div class="tooltip-wrapper disabled" data-title="testing" uib-tooltip="TESTing" tooltip-enable="disabledBtn">
     <button class="btn btn-primary btn-block" type="button" ng-hide="editMode" ng-click="clickDelete()" ng-model="disabledBtn" ng-disabled="!disabledBtn" ng-style="{'pointer-events':!disabledBtn ? 'none' : ''}">Delete</button>
</div>

CSS:

.tooltip-wrapper {
  display: inline-block; /* display: block works as well */
  margin: 50px; /* make some space so the tooltip is visible */
}enter code here

.tooltip-wrapper .btn[disabled] {
  /* don't let button block mouse events from reaching wrapper */
  pointer-events: none;
}

JS:

 $(function () {
      $('.tooltip-wrapper').tooltip({ position: "bottom" });
 });

Answer 1

当 disabledBtn 值为 false 时，尝试使用 tooltip-enable="!disabledBtn" 启用工具提示。