工具提示错位在 ng-repeat 中答案

【问题标题】：Tooltip misplaced inside ng-repeat工具提示错位在 ng-repeat 中
【发布时间】：2013-07-31 16:56:27
【问题描述】：

下面在正确的地方显示了工具提示文本：

  %a{:href => "http://google.com/"}
    %span{:tooltip => "TEST"}
      = "test"

下面半屏显示工具提示（每个元素增加距离）

%div{:"ng-repeat" => "point in points"}
  %a{:href => "http://google.com/"}
    %span{:tooltip => "TEST"}
      = "test"

它是用 HAML 编写的，因此在纯 HTML 中，最后两行如下所示：<span tooltip="TEST">test</span>。

points 是使用 Rails $Resource 获取的，但是当我使用常规 $resource 时我遇到了同样的问题。

我正在使用来自Angular UI Bootstrap 的工具提示指令。该应用程序是在 Ruby on Rails 4.0 中构建的，并使用 angularjs-rails gem（不稳定）。

我的最佳猜测是我网站上的 CSS 有点过于复杂，我需要找到一种方法在加载后重新处理这些工具提示。

【问题讨论】：

与任何 AngularJS 指令一样，您必须 $compile 它才能生效。
你是否在你的模块依赖中包含了 ui.bootsrap
@Ajaybeniwal 是的，我做到了。如果我没有，我认为工具提示不会在第一个示例中起作用。 @pkozlowski.opensource 我不确定该怎么做。我应该在控制器中的$scope.points.then (points) -> 方法中添加一些东西吗？

【解决方案1】：

我需要在我的app = angular.module(...) 行下面添加这个：

app.config( function ( $tooltipProvider ) {
  $tooltipProvider.options({appendToBody: true});
});

【讨论】：