twitter bootstrap popoverはangularjsで動作しません

Question

で<div>の下に置かれたときに動作しないことがわかったときに私のウェブページにtwitterブートストラップ・ポップ・オーバーを使用しようとしました。 ng-が含まれていないdivクラスのトップで正常に動作します。なぜそれが起こったのか誰にもわかりますし、どうすれば問題を回避できますか？現時点では、既に書かれAngularJSのためのブートストラップのポップオーバーの指示を得たLEST 2つのプロジェクトで

<h3>Students Without Team</h3> 
<div class="accordion" id="studentNoTeamAccordion" > 
     <a href="#" class="btn btn-large btn-primary" rel="popover"data-html="true" 
      data-content=" 
       <form> 
        <textarea class='input-xlarge' rows='12' type='text'></textarea> 
        <P> 
         <input class='btn btn-primary' type='submit' value='Send' /> 
       </form>" 
      data-placement="right" data-original-title="Enquiries">Send Enquiries 
     </a> 
    <div class="accordion-group" ng-repeat="(key,val) in stud_finding">< 
     <a href="#" class="btn btn-large btn-primary" rel="popover"data-html="true" 
     data-content=" 
       <form> 
        <textarea class='input-xlarge' rows='12' type='text'></textarea> 
        <P> 
         <input class='btn btn-primary' type='submit' value='Send' /> 
       </form>" 

Answer 1

がされています

• http://angular-ui.github.com/bootstrap/
• http://mgcrea.github.com/angular-strap/

違いはhttp://angular-ui.github.com/bootstrap/がネイティブであるということですAngularJSディレクティブを使用しているため、サードパーティJavaScriptの依存関係は必要ありません。

両方のプロジェクトはGitHubでホストされているため、実装を確認したり、それらから学んだり、プロジェクトの1つを変更したり、ただ1つを使用したりすることができます。

Answer 2

この質問が投票された理由はわかりません。スコープの原理を理解するための良い例です。スコープは、基本的にDOM要素に関連付けられています。すべてのコントローラ、リピートなどは、このDOM要素（スコープ）でのみ機能します。 Boostrapがポップオーバーを作成すると、新しいDOM要素が作成されてbodyに追加されるため、スコープの外にあります（要素にはこれ以上ありません）。それはAngularについて理解するための重要な機能です。

幸いにも、ブートストラップには解決策があります。 Popoverにはcontainerオプションがあります。このオプションを使用すると、本文の代わりに特定の要素にポップオーバーを追加できます。角度コントローラーを持つDOM要素のjQueryセレクターを配置します。 http://twitter.github.io/bootstrap/javascript.html#popovers（オプションを参照）