AngularJSとBootstrapのツールチップのスコープの問題

Question

Bootstrapで動作するAngularJSのツールチップのディレクティブに問題があります。スコープに設定されている動的変数を表示するようにしようとしていますが、タイトルに配置されている実際の角度構文を表示しています。以下は、ツールチップ以外の複数の方法で動作する問題を示すブーツです。

マウスを動かすと、タイトルのヒントが正しく表示され、テキストに正しく表示されますが、上に表示される黒いツールチップは正しく表示されません。

これはなぜ起こるのですか？ここ

例コード：http://www.bootply.com/OpNbEaXmBP

Answer 1

@Shaunが正しい方向に私を指摘した後、質問に対する答えが見つかりました。

これは本当に簡単な修正です。単に "title"属性を "data-original-title"に置き換えてください。

Answer 2

title属性は、それがtooltip()機能の実装だにコンテンツを渡すために、ブートストラップで使用されています。これはAngularJSとは独立して動作しているため、補間されません。 AngularUI Bootstrap libraryは、これらの問題を回避するために使用できます。