モーダルブートストラップを開く方法

Question

私は新しい角度のjsです。私はモーダルを使用して、このチュートリアルhttp://getbootstrap.com/2.3.2/javascript.html#modalsとこのビデオを使用していますhttps://www.youtube.com/watch?v=7QIfjLqr1-4不幸にも私のために働いていません。これは私のコードです：

<div uib-dropdown keyboard-nav> 
       <ul class="dropdown-menu positionFix" uib-dropdown-menu role="menu"> 
        <li role="menuitem"><a href="#" data-toggle="modal" data-target="#myModal">My account</a></li> 
        <li role="menuitem"><a href="#" ng-click="">Notification</a></li> 
        <li role="menuitem"><a href="javascript:void(0);" ng-click="logout()">Sign out</a></li> 
       </ul> 


    </div> 

    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
         <div class="modal-dialog" > 
           <div class="modal-content"> 
            <div class="modal-header"> 
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
              <h4 class="modal-title">Modal title</h4> 
             </div> 
             <div class="modal-body"> 
              <p>One fine body&hellip;</p> 
             </div> 
           <div class="modal-footer"> 
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
            <button type="button" class="btn btn-primary">Save changes</button> 
           </div> 
         </div><!-- /.modal-content --> 
        </div><!-- /.modal-dialog --> 
    </div><!-- /.modal --> 

Answer 1

あなたはブートストラップと一緒にAngular.jsを使用することを計画している場合、私はUI Bootstrapを使用することをお勧めします。

Angular.jsとBootstrapの統合の大部分をカバーします。彼らはモーダルを開始するための指示とサービスを提供します。

Modalセクションを参照してください。