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 では最後の 2 行は次のようになります<span tooltip="TEST">test</span>。

Rails $Resourcepointsを使用してフェッチされますが、通常の $resource を使用すると同じ問題が発生します。

Angular UI Bootstrapの tooltip ディレクティブを使用しています。アプリケーションは Ruby on Rails 4.0 でビルドされ、angularjs-rails gem (不安定版) を使用します。

おそらく、私のサイトの CSS は何らかの形で複雑すぎて、ロード後にこれらのツールチップを再処理する方法を見つける必要があると思います。

score 0 · Accepted Answer

これを行の下に追加する必要がありましたapp = angular.module(...)：

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

ここで何が起こっているのかわかりませんが、 https://github.com/angular-ui/bootstrap/pull/254とおそらくhttps://github.com/angular-ui/bootstrapと関係があります/issues/139 .

1 に答える 1