angular でブートストラップ ui を使用しており、ツールチップ要素を使用して単純な双方向データ バインディングを実行しようとしています。基本的に、ユーザーはツール ヒントを操作できる必要があります。関連する質問がいくつか見つかりましたが、まだ適切な答えが見つかりません。これは私が持っているものです:
http://plnkr.co/edit/12BdBFGdJtAh4kpHYmC3?p=カタログ
基本的に、ユーザーがツールチップ内のそのボタンをクリックすると、同じ機能を実行したいと思います。同じコードが外側にあるときにボタンをクリックするとわかるように、機能します。ただし、ツールチップ内に配置すると、angular はそれを認識しません。これに対処する最善の方法は何ですか？
更新: ツールチップ オブジェクトをバインドする一般的な方法はありますか。たとえば、このツールチップ プラグインを使用したい場合、どうすればよいでしょうか?
http://plnkr.co/edit/EXGJbDVyBHu0JgBtS4LZ
詳細: qtip2 プラグインは、DOM に qtip 要素を作成し、テキストの上に表示します。次の行でバインドできます。
var elem = document.getElementById('qtip-0-content');
scope.myVar = $compile(elem)(scope);
上記のコードの「qtip-0-content」は、プラグインが作成するラッパー div に割り当てられた ID です。ただし、getElementById はこれをバインドする正しい方法ではないように思われます。プラグインによって引き起こされたDOMの変更にAngularが気づき、Angular固有のタグを取得するようにしたいだけです。さらに、この関数は、ツールチップが表示されている場合にのみ呼び出すことができます。これは、DOM が変更されるためです。したがって、最初は機能しませんが、その後の呼び出しでは機能します。