如何打開一個模式引導程序

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之間的集成。他們甚至提供啓動Modals的指令和服務。

查看Modal節。