angularjs - 引导工具提示和 angularJs

Question

我正在使用bootstrap-tooltip 和 angularJs 来显示工具提示。

我正在使用以下代码显示工具提示：

<div class="input-group">
   <input valid-number ng-model="gotoPageInput" ng-class="{notValidPageNumber: gotoPageInput > totalPage || gotoPageInput<1}" ng-keyup="gotoPage($event,(gotoPageInput>=1 && gotoPageInput<=totalPage))" type="text" class="form-control goToPage " style="width: 70px">
   <button rel="tooltip" title="{{gotoPageInput}}" class="btn btn-default goToPage" ng-class="{disabled: gotoPageInput > totalPage || gotoPageInput<1}" ng-click="gotoPage($event,true)" type="button">go</button>
</div>

第一次正常运行如下图：

看看当我将值从 4 更改为 5 时会发生什么：

为什么 ？两个工具提示 Displays.Browser 工具提示是正确的，但引导工具提示是错误的。

Answer 1

您可以使用angular-ui bootstrap的工具提示，而不是使用 twitter bootstrap 正在使用的 jquery 工具提示。

看到这个笨蛋

HTML

<div class="btn btn-default" tooltip="{{text}}">Go</div>
<input type="text" ng-model="text">