無効なボタンにツールチップを表示し、1つのボタンで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値が偽ときにツールチップを有効にするtooltip-enable="!disabledBtn"を使用してみてください。