当角度添加到页面

Question

使用bootstrap 3.3.5和类似的工具提示：

<input type="text" id="lat" class="form-control" data-toggle="tooltip" data-placement="top" title="Optional; Format:  III.DDDD" />

完美的工作，然后我添加了angular.js，v1.4.5和所有工具提示还原为库存HTML。我已经开始研究它，似乎我必须使用angular-ui。这是解决方案，还是有更好的解决方法？

Answer 1

尝试使用javascript调用工具提示：

$("#lat").tooltip({
    placement: "top",
    title: "Optional; Format:  III.DDDD"
})

Answer 2

我猜测将jQuery和AngularJS一起加载存在问题。

来自Angular documentation：

  

如果jQuery可用，angular.element是jQuery函数的别名。

这意味着如果要使用 $ jQuery标识符，则必须将angular.element作为jQuery的实例传递。以下代码允许您初始化页面上的所有工具提示（取自Bootstrap docs）：

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

如果要在AngularJS应用程序中使用此代码，则必须传递jQuery实例，如下所示：

(function($){
  $(function () {
    $('[data-toggle="tooltip"]').tooltip();
  });
})(angular.element);

每当您使用 $ 符号时，您指的是angular.element，这意味着在这种情况下是jQuery对象，因为您的代码中添加了库。

我创建了一个plunk，它允许通过jQuery和AngularJS之间的组合动态更新工具提示标题。

希望这有帮助！

谢谢你，祝你有愉快的一天！

Answer 3

尝试了以上建议，没有帮助。我最后添加了Angular-UI

https://angular-ui.github.io/bootstrap/

工具提示正在运行。