引导工具提示和 angularJs答案

【问题标题】：bootstrap tooltip and angularJs引导工具提示和 angularJs
【发布时间】：2014-07-30 07:58:12
【问题描述】：

我正在使用 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 工具提示是正确的，但引导工具提示是错误的。

【问题讨论】：

工作正常，http://jsfiddle.net/Nicolai8/p9Xa5/1/

标签： angularjs twitter-bootstrap-3 tooltip twitter-bootstrap-tooltip

【解决方案1】：

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

See this plunker

HTML

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

【讨论】：