angularjs - 工具提示错位在 ng-repeat 中

Question

下面显示了正确位置的工具提示文本：

  %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 有点太复杂了，我需要找到一种方法来在加载后重新处理这些工具提示。

score 0 · Accepted Answer

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

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

1 回答 1